チェック私が何をしようとしている</p> <p>...ウェブサイトは、私はしばらくの間、検索してきたのjavascript

Question

とXのhttpリクエストを行っているが、私は見つけることができるすべては、実際にそれらの要求を作成する方法の例だった場合Xサイトのボタンをクリックした後、ウェブサイトがhttpリクエストを行っているかどうかを確認することです。

Ex。 http://test.s3.amazonaws.com/test/1.txt

私はすべての発信要求を取得し、リストをフィルタリングするためにそこに道を推測しているが、私もリクエストに取得することはできません

私はちょうどチェックするのEventListenerを挿入され、これまでに何をやりましたかそのXボタンがクリックされた後、そのリクエストを確認したいときです。

<script language="javascript"> 
document.getElementById("button").addEventListener('click', buttonClicked, true); 

function buttonClicked(){ 
    -->Check requests made after button is clicked.<-- 
} 
</script> 

Answer 1

私は基本的に、あなただけのビルトインXMLHttpRequestラップ、しばらく前にこのための基本的なスクリプトを作りました。

(function() { 
    'use strict'; 
    var oldXHR, stateChangeHandler, prop; 

    oldXHR = window.XMLHttpRequest; 

    stateChangeHandler = function (evt) { 
    switch (this.readyState) { 
     case oldXHR.OPENED: 
     console.log('Request was made', this, evt); 
     break; 
     case oldXHR.DONE: 
     console.log('Request finished', this, evt); 
     break; 
    } 
    }; 

    function newXHR() { 
    var xhr = new oldXHR(); 
    xhr.addEventListener('readystatechange', stateChangeHandler); 
    return xhr; 
    } 

    // Copy original states and toString 
    for (prop in oldXHR) 
    newXHR[prop] = oldXHR[prop]; 

    window.XMLHttpRequest = newXHR; 
})();