jquery-ui autocomplete for json shows all data when i type into input

Question

i have problem with using jquery-ui auto-complete for json. say, my json query return from myurl/users/listid and this is the returning data:

[{"label":"[email protected]"},{"label":"[email protected]"},{"label":"[email protected]"}]

and this is my jquery script for autocomplete.

$("#search-query").autocomplete({
    source: '/users/listid'
});

when i type something into my #search-query input box, this all three email id are shown regardless what i type. it should narrow it down to what it matches to the character i try to type. but it doesn't.

okay. this is something wierd. when i change something like following script, everything works perfect.

var data = [{"label":"[email protected]"},{"label":"[email protected]"},{"label":"[email protected]"}];

$("#search-query").autocomplete({
    source: data
});

i have totally no idea what has gone wrong. please guide me. thanks.

Quincy · Accepted Answer · 2012-11-01 05:57:25Z

1

If the source is an url, autocomplete expect your own business logic in that url to filter out the options. The paramater term would be sent to the url with the input value.

edited Nov 1, 2012 at 5:57

answered Nov 1, 2012 at 5:37

Quincy

4,4333 gold badges30 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Quincy Over a year ago

Please read jqueryui.com/autocomplete. Your should update your server side code to do the filtering.

lannyboy Over a year ago

done. i did it in my controller with parameter and the trick is at jquery parameter -> data: {term: request.term}.

Collectives™ on Stack Overflow

jquery-ui autocomplete for json shows all data when i type into input

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related