Question

I have very simple form that gets values in JSON format from searchAlbum.php. It works when I start typing something in, but it does not filter results, for example it shows 123 as available even though I typed ab.

This is what my saerchAlbum.php is returning

["123","abc"]

This is my Java Script code

$(document).ready(function(){
                $('.albumName').autocomplete({
                    source: 'searchAlbum.php'
                });
});

You might say that it should not filter my resoulds and I need to pass my input as a paramater but why then this examle on jquery-ui page does that for me?

Answer 1

The documentation isn’t clear about it, but the only time the autocompleter does the filtering for you is when your code isn’t getting called at all (e.g., you’ve given it an array as source). When your code is getting called (either client-side code because you’ve given a function for source, or server-side code because you’ve given a URL), your code is expected to do the filtering.

You might say that it should not filter my resoulds and I need to pass my input as a paramater but why then this examle on jquery-ui page does that for me?

Because the search.php page that the example calls filters the results based on the term parameter the autocompleter passes it. Compare the results you get from these:

http://jqueryui.com/demos/autocomplete/search.php?term=ti

http://jqueryui.com/demos/autocomplete/search.php?term=ro

You can see that it’s filtering server-side.