jQuery Динамическая форма представления и вызов Ajax

Question

все работает, я получаю мой массив json, возвращенный в предупреждении, мне просто нужно изменить обработчик события onSubmit $('#city').submit(function() на нечто более динамичное, которое захватывает пользовательский ввод и запускает вызов ajax, как только пользователь вводит буквы.

Answer 1

Я бы порекомендовал KeyUp() событие:

$("#term").keyup(function(e){ 

}); 

Но вы также можете использовать функцию автозаполнения из JQuery-UI: autocomplete

Использование автозаполнения было бы таким:

$("#term").autocomplete({source: "/suggestjson", minLength: 2, select: function (event, ui) { 
    //do something when the user selects, by the way the value 
    //selected by the user is in: 'ui.item.value' 
}}); 

Answer 2

Использование

$('#city').change(function() { 

     var formdata = $('#term').val() 

     $.ajax({ 
      url: "/suggestjson", 
      type: "GET", 
      dataType: "json", 
      data: {'term': formdata}, 
      success: function (data) { 
       alert(data); 
      } 
     }); 

     return false; 
    }); 

Или

$('#city').keyup(function() { 
    ........ 
    ....... 
    });