Search jQuery

jQuery Forum

Developing jQuery UI

cvallance

jQueryUI - Autocomplete - POST option for remote request

Implemented

Maybe later
Under review
In-progress
Implemented
Will not implement

in Developing jQuery UI • 9 years ago

Could we please have an option for the Autocomplete widget to send the remote request as a post?

Thanks,
Charles

Replies(7)

rwhitbeck

Re: jQueryUI - Autocomplete - POST option for remote request

9 years ago

http://dev.jqueryui.com/ticket/5353

rsmaloney

Re: jQueryUI - Autocomplete - POST option for remote request

9 years ago

var cmsVendCache = {};

This already works ...

In asp code behind :

[

WebMethod]

public static string GetCMSVendorIDs(string term)

{

Database db1 = DatabaseFactory.CreateDatabase("GenesisAccountsConnectionString");

DbCommand cmd1 = db1.GetSqlStringCommand(

String.Format(@"SELECT TOP 25 Something from Somewhere where id like '%{0}%' ", term));

DataSet ds = db1.ExecuteDataSet(cmd1);

var data = ds.Tables[0].AsEnumerable().Select(s => s.Field<string>("something"));

JArray arr = new JArray(data);

return arr.ToString();

}

Client Script :

var

cmsVendCache = {};

'#ctrl).autocomplete({

minLength: 2,

source:

function(request, response) {

if (cmsVendCache.term == request.term && cmsVendCache.content) {

response(cmsVendCache.content);

}

if (new RegExp(cmsVendCache.term).test(request.term) && cmsVendCache.content && cmsVendCache.content.length < 13) {

var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");

response($.grep(cmsVendCache.content,

function(value) {

return matcher.test(value.value)

}));

}

$.ajax({

type:

"POST",

data: JSON.stringify(request),

url:

"mypage.aspx/mymethod",

contentType:

"application/json; charset=utf-8",

success:

function(data) {

cmsVendCache.term = request.term;

response(JSON.parse(data.d));

}

})

}

});

remanation

Re: Re: jQueryUI - Autocomplete - POST option for remote request

8 years ago

Correct me if i'm wrong, but are you not missing setting the cmsVendCache.content?, and should should it not be if else statements?

More like this:

        $(document).ready(function () {
            $("#Text1").autocomplete({ minLength: 1, source:
            function (request, response) {
                if (cmsVendCache.term == request.term && cmsVendCache.content) {
                    response(cmsVendCache.content);
                } else if (new RegExp(cmsVendCache.term).test(request.term) && cmsVendCache.content) {
                    var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
                    response($.grep(cmsVendCache.content,
                                    function (value) {
                                        return matcher.test(value)
                                    }));
                }
                else {
                    $.ajax({
                        type:
                    "POST",
                        data: JSON.stringify(request),
                        url: "ajaxservice.svc/searchShares",
                        contentType: "application/json; charset=utf-8",
                        success:
                        function (data) {
                            cmsVendCache.term = request.term;
                            cmsVendCache.content = data;
                            response(data);
                        }
 
                    })
                }
            }
            });
        })

zlati.peh..

Re: jQueryUI - Autocomplete - POST option for remote request

9 years ago

http://forum.jquery.com/topic/jquery-autocomplete-new-parameter-implemented-method-get-post

mrbinky30..

Re: Re: jQueryUI - Autocomplete - POST option for remote request

8 years ago

@rsmaloney

Really???? I thought the whole point of jquery was that it eliminated a lot of "re-inventing-the-wheel" javascript. Why can't autocomplete just have an option like....

        $( "#cust_id" ).autocomplete({
               type: 'post',
               source: "/myscript.php",
               minLength: 2,
               select: function (event,ui) {
                   $(this).val(ui.item.id)
               }
       });

I can't believe the ticket was just closed and nobody gave it a serious look.

danheberd..

Re: jQueryUI - Autocomplete - POST option for remote request

8 years ago

@mrbinky3000 -

I understand your thinking, and can see why you might feel that way. The response is short on the ticket, which doesn't lend a lot to what thought might have went in to it.

I think the missing piece here is explanation. No offense to rsmaloney, but the full server side example is a bit rough - the server side bit is already assumed since you're asking for POST request info only. (not how to actually build/return results).

Here's a much simpler example: http://jsfiddle.net/danheberden/cYSec/ - go ahead, type some stuff. The functionality should feel familiar.

As to a more thorough response, the issue isn't whether it'd be easy or not. Consider all the possible little features we could add in. That little check for type == post gets in the way of jsonp requests, which instantly makes it a pain to worry about/maintain/etc.

Plus, jQuery is about giving you building blocks to build some bad-ass stuff. Instead of worrying about support post, or custom data, or multiple terms, or who knows what - we focused on ONE powerful option. Give you a function with a) the search term and b) a function to call and pass back an array of results. That lets you make a post request, some other kind of request, format the data however you want, parse/sort/cache/etc the response. I think you're getting my point by now :)

It wasn't out of disrespect or unkindness that your ticket was closed. It probably could have had a little more information as to 'why' but as you can imagine, the bug ticket load is high - not to mention all the work the lead devs are doing on grid and the upcoming 1.9 release.

Hope this clears it all up.

jakabadam..

Re: jQueryUI - Autocomplete - POST option for remote request

7 years ago

thanks dan - i was thinking the same thing when I saw that ticket - and i didn't realize that really it's so easy - thanks for the link 2 jsfiddle - here is the code logic if someone is interested:

$( "#search" ).autocomplete({
  source: function( request, respond ) {
// use POST-ed request
  $.post( "/someurl/", { html: request.term },
  function( response ) {
//do something
  } );
  },
  minLength: 2
});

Top Reply

Response title

Attachments

jQuery Forum

jQueryUI - Autocomplete - POST option for remote request

Implemented

Replies(7)

Re: jQueryUI - Autocomplete - POST option for remote request

Re: jQueryUI - Autocomplete - POST option for remote request

Re: Re: jQueryUI - Autocomplete - POST option for remote request

Re: jQueryUI - Autocomplete - POST option for remote request

Re: Re: jQueryUI - Autocomplete - POST option for remote request

Re: jQueryUI - Autocomplete - POST option for remote request

Re: jQueryUI - Autocomplete - POST option for remote request

Statistics

Tags

Actions

Related Posts