0

Ajaxを使用してログインを検索したいので、ページを更新する必要はありません.jqueryイベントを使用するコードはここにありますが、機能しません:(

 $(document).ready(function(){
    $("#login").keyup(submitForm);

 });
function submitForm()
{
var xhr= new XMLHttpRequest();
xhr.onreadystatechange=function()
{

    if (xhr.readyState==4 && xhr.status==200)
    {
        document.getElementById("zone").innerHTML=xhr.responseText;
    }
}
    var str="SearchLogin.php?login="+document.getElementById("login").value;

xhr.open("GET",str,true);
xhr.send();
}

感謝します

4

2 に答える 2

1

jQueryとJavaScriptの非常に奇妙な組み合わせがあります。jQueryを使用している場合は、それに固執する方が簡単です。JavaScript関数を使用するよりも簡単なjQueryAJAX関数があります。こちらのドキュメントを参照してください：http：//api.jquery.com/jQuery.ajax/

JavaScript AJAXを使用する代わりにjQuery関数にコードを入れた場合：

function submitForm()
{
    $.ajax({
      url: "SearchLogin.php?login="+$('#login').attr('value'),
    }).done(function(response) { 
      $('#zone').innerHTML = response;
    });
}

それは物事をいくらか明確にするのに役立ちますか？

于 2012-11-16T16:48:47.840 に答える
1

代わりに jquery $.ajax 関数を使用します。

function submitForm(){
    $.ajax({
        method: 'GET',
        url: 'SearchLogin.php',
        data: {
            login: $('#login').val()
        }
    }).done(function(response){
        $('#zone').html(response);
    });
}

console.log(response).done 関数内で with firebugを使用して、出力を確認できます。コンソールを使用して、ページが見つかったかどうか、正常に投稿されたかどうか、データが送り返されたかどうかなどを確認できるため、Firebug も便利です。リクエストをクリックするだけで、すべての詳細を表示できます。接続が機能しているかどうかを確認するために、サーバー側のスクリプトで「Hello World」をエコーアウトしてテストすることをお勧めします。

于 2012-11-16T16:56:51.390 に答える