javascript - 检测XHR请求

当站点执行XHR请求时，我想触发一个函数。
我整夜都在努力解决这个问题。
而且我尝试了许多关于stackoverflow的建议，但它似乎不适用于我的用户脚本。所以我决定自己问。希望您能提供帮助。

我要调用的函数使用GM_setValue和GM_getValue，因此也变得更加困难。
我还尝试了下面的功能和类似的功能，但仅在JavaScript控制台中使用时才有效。当我将其与用户脚本一起使用时，它将不再起作用...
我也尝试过waitForKeyElements，但这似乎对我不起作用。
setTimeout和setInterval并不是一个真正的选择。
请帮忙。提前致谢！

var oldXHR = window.XMLHttpRequest;
function newXHR() {
    var realXHR = new oldXHR();
    realXHR.addEventListener("readystatechange", function() {
        if(realXHR.readyState==4 && realXHR.status==200){
            afterAjaxComplete() //run your code here
        }
    }, false);
    return realXHR;
}
window.XMLHttpRequest = newXHR;

最佳答案

用自定义方法覆盖默认的XMLHttpRequest方法，并捕获所需的事件：

var open = window.XMLHttpRequest.prototype.open,
  send = window.XMLHttpRequest.prototype.send;

function openReplacement(method, url, async, user, password) {
  this._url = url;
  return open.apply(this, arguments);
}

function sendReplacement(data) {
  if(this.onreadystatechange) {
    this._onreadystatechange = this.onreadystatechange;
  }
  this.onreadystatechange = onReadyStateChangeReplacement;
  return send.apply(this, arguments);
}

function onReadyStateChangeReplacement() {

  //YOUR CODE FOR READYSTATECHANGE

  if(this._onreadystatechange) {
    return this._onreadystatechange.apply(this, arguments);
  }
}

window.XMLHttpRequest.prototype.open = openReplacement;
window.XMLHttpRequest.prototype.send = sendReplacement;

更新：read this post有关方法和示例的更多信息。