jQuery Ajaxリクエストをどのようにデバッグできますか？

Question

私のコードは次のとおりです。

var test = "it isn't working"; 
var response = $.ajax({ 
    type: 'GET', 
    url: 'jquerydemo.php', //This is in the same site as the page calling this request, so it's not a same-domain error. 
    success: function(){ 
      test = "it's working"; 
     }, 
    error: function(){ 
      alert("Error detected"); 
     } 
}).responseText; 
alert(test); 

私は、ステータスコードをテストし、それが200に出てきて、誤差関数が消えることはありませんが、どちらも成功機能は行いません。私のコメントで言ったように、それは同じ起源の政策の誤りではありません。それは単に "それは働いていない"と言っています。何が起きてる？

Answer 1

あなたのajax呼び出しは非同期です。最後の警告が実行されてもまだ完了していません。成功関数に実際の警告を入れれば、結果がそこに表示されます。

ajax呼び出しを行うと、非同期ajax呼び出しが開始され、残りのコードは引き続き実行されることに注意してください。投稿したコード例では、ajax呼び出しが完了する前にすぐにalert(test)呼び出しが実行されることを意味します。

ajax呼び出しの結果は、成功ハンドラ自体からのみ調べることができます。

var test = "it isn't working"; 
var response = $.ajax({ 
    type: 'GET', 
    url: 'jquerydemo.php', //This is in the same site as the page calling this request, so it's not a same-domain error. 
    success: function(){ 
      alert("it's working"); // put this here and you will see it 
            // if the ajax call is successful 
     }, 
    error: function(){ 
      alert("Error detected"); 
     } 
}).responseText; 

Answer 2

あなたは、これは動作します.... AJAX呼び出しの成功関数に端から

Answer 3

移動することを警告（テスト）

var response = $.ajax({ 
    type: 'GET', 
    url: 'jquerydemo.php', 
    success: function(){ 
      alert("it's working"); 
     }, 
    error: function(){ 
      alert("Error detected"); 
     } 
}).responseText; 

ようにそれを行うことができます。 警告が表示されている場合は、コードが動作していることを意味します。その成功の戻り値でのみajax呼び出しをデバッグすることができます。

var test = "it isn't working"; 
var response = $.ajax({ 
    type: 'GET', 
    url: 'jquerydemo.php', 
    success: function(){ 
      test = "it's working"; 
      alert(test); //It will alert when you ajax call returns successfully. 
     }, 
    error: function(){ 
      alert("Error detected"); 
     } 
}).responseText; 

希望します。

Answer 4

これらの種類のデバッグを行うには、I find Firebugツールが不可欠です。サーバーからの応答が正確に表示されます（500エラー、553エラー、何がありますか）。 Javascriptコードにブレークポイントを入れて、それを段階的にデバッグすることができます。 FirebugはFirefoxで動作します。

IEの場合、Firebugに似ている開発ツールの機能を使用することができます。これは特にIE9の以前のバージョンよりも成熟したようです。IE7またはIE8。

Answer 5

これを試してみてください：

error: function(jqXHR, textStatus, errorThrown) { 
     console.log(JSON.stringify(jqXHR)); 
     console.log("AJAX error: " + textStatus + ' : ' + errorThrown); 
}