javascript - 检查网站是否正在使用 javascript 发出 X http 请求

Question

我已经搜索了一段时间，但我所能找到的只是关于如何实际提出这些请求的示例......

我想做的是在我点击 X 站点的按钮后检查网站是否正在发出 http 请求

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

我猜有一种方法可以获取所有传出请求，然后过滤列表，但我什至无法获取请求

到目前为止，我所做的只是插入事件监听器来检查 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;
})();