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