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