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>
Option - appendTo By default its value is null. When the value is null, the parents of the input field will be checked for a class of ui-front.
var textbox = $('input#mainSearchBox'); var autocompleteBox = textbox. autocomplete('widget'); // toggle the autocomplete widget autocompleteBox.is(':hidden') ? textbox.
Syntax: $("TagId"). autocomplete({ source : itemList // List of Words. })
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With