使用ajax在界面上做添加,在页面上的所有AJAX请求中添加一个“钩子”

小编典典

受aviv的回答启发，我做了一些调查，这就是我想出的。

我不确定它是否 按照脚本中的注释 有用 ，当然 仅适用于使用本机XMLHttpRequest对象的浏览器 。

我认为如果正在使用javascript库，它将起作用，因为如果可能的话，它们将使用本机对象。

function addXMLRequestCallback(callback){

var oldSend, i;

if( XMLHttpRequest.callbacks ) {

// we've already overridden send() so just add the callback

XMLHttpRequest.callbacks.push( callback );

} else {

// create a callback queue

XMLHttpRequest.callbacks = [callback];

// store the native send()

oldSend = XMLHttpRequest.prototype.send;

// override the native send()

XMLHttpRequest.prototype.send = function(){

// process the callback queue

// the xhr instance is passed into each callback but seems pretty useless

// you can't tell what its destination is or call abort() without an error

// so only really good for logging that a request has happened

// I could be wrong, I hope so...

// EDIT: I suppose you could override the onreadystatechange handler though

for( i = 0; i < XMLHttpRequest.callbacks.length; i++ ) {

XMLHttpRequest.callbacks[i]( this );

}

// call the native send()

oldSend.apply(this, arguments);

}

}

}

// e.g.

addXMLRequestCallback( function( xhr ) {

console.log( xhr.responseText ); // (an empty string)

});

addXMLRequestCallback( function( xhr ) {

console.dir( xhr ); // have a look if there is anything useful here

});

2020-07-26