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 • 12 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

12 years ago

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

rsmaloney

Re: jQueryUI - Autocomplete - POST option for remote request

12 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

11 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

12 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

11 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

11 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

9 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