我想知道是否有可能“钩住”每个AJAX请求(即将发送或发生事件)并执行操作。此时,我假设页面上还有其他第三方脚本。其中一些可能使用jQuery,而其他一些则没有。这可能吗?
我不确定 脚本中的注释 是否有用 ,当然 仅适用于使用本机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 });