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

Share:
13,651
John Doe
Author by

John Doe

Updated on June 04, 2022

Comments

  • John Doe
    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>