デバッグAJAXリクエスト

Question

非同期javascriptの作業中に問題が発生することが多くあります。どんなリクエストが投稿され、どのようなレスポンスが得られるかはわかりません。

AJAXリクエストをデバッグする方法。それを行う簡単な方法はありますか？

Answer 1

は、私はあなたが各呼び出しのための新しいオブジェクトをインスタンス化場合は、各要求を追跡することができますかなり確信している：

var oXhr; 

    oXhr = new XMLHttpRequest(); 
    oXhr.id = (new Date()).getTime(); /* just an example. It might be flawed if you process requests more than once per ms */ 

    oXhr.onreadystatechange = function() { 
     if (oXhr.readyState == 4 && (oXhr.status == 200)) { 
      //do your stuff here 
      console.log(this.id); 
     } 
    } 

Answer 2

次のように要求と応答を参照してくださいする最も簡単な方法は次のとおりです。

1. はあなたがchromwで要求と応答を検査するWebサイトを開きます。
2. クロム延長の場合はF12をクリックします。
3. [ネットワーク]タブをクリックします。
4. ここで、すべてのリクエストとレスポンスを確認できます。また、各要求がどのくらい時間がかかるかを見ることができます。