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() { 
     ........
     .......
    });