如何为每个AJAX请求/响应事件添加回调。

Question

我试图将javascript注入网页并捕获所有提出的ajax请求。

function addXMLRequestCallback(send_callback) {
    var oldSend, i;
    if(XMLHttpRequest.send_callbacks) {
        XMLHttpRequest.send_callbacks.push(send_callback);
    } else {
        XMLHttpRequest.send_callbacks = [send_callback];
        oldSend = XMLHttpRequest.prototype.send;
        XMLHttpRequest.prototype.send = function () {
            for (i = 0; i < XMLHttpRequest.send_callbacks.length; i++) {
                XMLHttpRequest.send_callbacks[i](this, arguments);
            }
            oldSend.apply(this, arguments);
        }
    }
}

*从某处复制

这个函数允许我捕获所有send（）事件，但是我也想捕获XMLHttpRequest.responseText，这需要XMLHttpRequest.onload。 上面的方法在XMLHttpRequest.onload上不起作用，因为它实际上不是一个函数，直接将函数分配给onload事件最终将被使用该实例的其他脚本覆盖。

有没有一种方法可以将回调分配给onload事件，而不会被覆盖？

Answer 1

您可以使用“更标准”的方式：

在oldSend.apply(this,arguments) ，添加以下内容：

this.addEventListener("load",function() {
    // do something with this.responseText
},false);

Answer 2

或者，您可以尝试使用自己的对象完全更改XMLHttpRequest。 （但是这是肮脏的技巧，您不应该那样做。这也是不可预测的）。

解决Niet the Dark Absol显然更好

var oldRequest = XMLHttpRequest;
XMLHttpRequest = function(){
    var returnObject = new oldRequest();
    returnObject.addEventListener('load',function(){console.log('load callback fired')})
    return returnObject;
}

var req = new XMLHttpRequest(); //req with callback;