Как получить данные с помощью ajax-запроса

Question

Я использую this jquery ui autocomplete, но мне нужно захватить данные из объекта json каждое нажатие клавиши и поместить его в раскрывающееся меню по мере ввода пользователем. Но в данном примере используется просто массив

<script type="text/javascript"> 
$(function() { 
    var availableTags = ["ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"]; 
    $("#request_artist").autocomplete({ 
     source: availableTags 
    }); 
}); 
</script> 

Я думал сделать запрос Ajax на нажатие клавиши, но это полностью противоречит функциональности Autocomplete

Answer 1

Там пример на плагин странице в http://jqueryui.com/demos/autocomplete/#remote-jsonp Просто нажмите Просмотреть ссылку источника. Соответствующая часть:

$("#city").autocomplete({ 
     source: function(request, response) { 
      $.ajax({ 
       url: "http://ws.geonames.org/searchJSON", 
       dataType: "jsonp", 
       data: { 
        featureClass: "P", 
        style: "full", 
        maxRows: 12, 
        name_startsWith: request.term 
       }, 
       success: function(data) { 
        response($.map(data.geonames, function(item) { 
         return { 
          label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName, 
          value: item.name 
         } 
        })) 
       } 
      }) 
     }, 
     minLength: 2, 
     select: function(event, ui) { 
      log(ui.item ? ("Selected: " + ui.item.label) : "Nothing selected, input was " + this.value); 
     }, 
     open: function() { 
      $(this).removeClass("ui-corner-all").addClass("ui-corner-top"); 
     }, 
     close: function() { 
      $(this).removeClass("ui-corner-top").addClass("ui-corner-all"); 
     } 
    });