How to use source: function()… and AJAX in JQuery UI autocomplete

by

Inside your AJAX callback you need to call the response function; passing the array that contains items to display.

jQuery("input.suggest-user").autocomplete({
    source: function (request, response) {
        jQuery.get("usernames.action", {
            query: request.term
        }, function (data) {
            // assuming data is a JavaScript array such as
            // ["[email protected]", "[email protected]","[email protected]"]
            // and not a string
            response(data);
        });
    },
    minLength: 3
});

If the response JSON does not match the formats accepted by jQuery UI autocomplete then you must transform the result inside the AJAX callback before passing it to the response callback. See this question and the accepted answer.

More Related Contents:

  1. AutoComplete in jQuery with dynamically added elements
  2. How can I custom-format the Autocomplete plug-in results?
  3. jQuery UI AutoComplete: Only allow selected valued from suggested list
  4. jQuery UI autocomplete with item and id
  5. Autocomplete requires you to click twice in iOS after update to 1.11.0
  6. jQuery UI autocomplete with objects
  7. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  8. Differentiate between focus event triggered by keyboard/mouse
  9. jQuery Ajax File Upload
  10. How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?
  11. Asynchronously load images with jQuery
  12. Access elements of parent window from iframe
  13. Pass Javascript variable to PHP via ajax
  14. Saving a text file on server using JavaScript
  15. Intercept all ajax calls?
  16. Multiple ajax calls inside a each() function.. then do something once ALL of them are finished?
  17. How to make a jsonp POST request that specifies contentType with jQuery?
  18. How can I return a variable from a $.getJSON function
  19. Ajax HEAD request via Javascript/jQuery
  20. How to execute javascript inside a script tag returned by an ajax response
  21. Uploading File using Ajax in Asp.Net Core
  22. How to replace html element with ajax response?
  23. jQuery AJAX Call to PHP Script with JSON Return
  24. jQuery Datepicker: Prevent closing picker when clicking a date
  25. how Postman send requests? ajax, same origin policy
  26. How to change tabs programmatically in jquery-ui 1.9?
  27. jQuery $.ajax(), pass success data into separate function
  28. How to submit checkboxes from all pages with jQuery DataTables
  29. creating highchart with ajax json data
  30. Python Flask Cors Issue

Leave a Comment