ajaxリクエストとそのPOSTデータの取得

Question

ajaxリクエストとそのPOSTデータを取得したいが、それを行う方法が見つかっていない。

私はXMLHttpRequest.prototype.openで試してきましたが、それを使ってPOSTデータをキャプチャする方法が見つかりませんでした。

私は、これは私がやりたいものですと仮定します

(function(open) { 
    XMLHttpRequest.prototype.open = function (method, url, async) { 
     this.addEventListener('readystatechange', function() { 
      if(url.indexOf("the-url-i-want-to-capture") !== -1 && this.readyState === 4 && this.status === 200) { 
       // do ... something ... with the POST data 
      } 
     }, false); 
     open.call(this, method, url, async); 
    }; 
})(XMLHttpRequest.prototype.open); 

Answer 1

あなたはネイティブAJAX XMLHttpRequestオブジェクトを操作しているときは、openにアクセスするためにプロトタイプを使用しますが、最初の変数を宣言して、すべての使用していませんopen、sendなど FormDataオブジェクトは文字列対応オブジェクト（ヒント：画像？）ではないため、データをインターセプトしてキャプチャできません。 GETメソッドを使用している場合にのみ、urlにデータが表示されます。返信用https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX/Getting_Started

が

(function(open) { 
 
    // declare new http client 
 
    var req = new XMLHttpRequest(); 
 
    // define what to do after req finishes 
 
    req.onreadystatechange = function(){ 
 
    if(req.readyState === XMLHttpRequest.DONE) console.log(req.responseText); 
 
    }; 
 
    // start our POST req 
 
    req.open('POST', 'https://jsonplaceholder.typicode.com/posts?test', true); 
 
    // sent it 
 
    req.send(); 
 
})();