Can the default "Term" name passed in the "jquery UI autocomplete" feature be changed?
13,651
Yes, it's possible by making your own AJAX request.
Assume you have the following setup:
$("#myfield").autocomplete({
source: '/my_url/myservice.xyz'
});
Autocomplete by default (as you noticed) sends requests that look like:
myservice.xyz?term=abc"
You can supply a function reference to the source
option of autocomplete. Inside that function you can make your own AJAX request, which would look like this:
$("#myfield").autocomplete({
source: function (request, response) {
// request.term is the term searched for.
// response is the callback function you must call to update the autocomplete's
// suggestion list.
$.ajax({
url: "/my_url/myservice.xyz",
data: { q: request.term },
dataType: "json",
success: response,
error: function () {
response([]);
}
});
});
});
This should generate a request looking more like:
myservice.xyz?q=abc
Author by
John Doe
Updated on June 04, 2022Comments
-
John Doe almost 2 years
I am trying to change the "term" field that is set to that by default with the jquery ui autocomplete feature. Is it possibly to easily change it to "q" (query) without going and changing it in the "core" file?
JavaScript:
<script> $(function() { $( "#spotify_song_search" ).autocomplete({ source: "http://ws.spotify.com/search/1/track.json", data: { q: request.term }, dataType: "getjson", minLength: 3, select: function( event, ui ) { alert('select'); } }); }); </script>