我试图拦截所有 AJAX 调用，以检查该 AJAX 响应是否包含我从 PHP 脚本作为 JSON 发送的特定错误代码（代码：ACCESS_DENIED、SYSTEM_ERROR、NOT_FOUND）。
我知道可以做这样的事情：
$('.log').ajaxSuccess(function(e, xhr, settings) {
});
但是 - 只有当“ajaxSuccess”事件冒泡到 .log div 时，这才有效吗？我对么？我可以通过将“ajaxSuccess”事件绑定到文档来实现我想要的吗？
$(document).ajaxSuccess(function(e, xhr, settings) {
});
我可以在 jQuery 或原始 JavaScript 中做到这一点。
如果您使用 jQuery，这$.ajaxSuccess是一个不错的选择，但这里有一个更通用的选项，它将拦截来自所有框架的 XHR 调用（我已经用 ExtJS 和 jQuery 对其进行了测试 - 即使同时加载多个框架它也应该工作）。它已经过测试，可与 IE8、Chrome 和 Firefox 一起使用。
(function(XHR) {
"use strict";
var open = XHR.prototype.open;
var send = XHR.prototype.send;
XHR.prototype.open = function(method, url, async, user, pass) {
this._url = url;
open.call(this, method, url, async, user, pass);
};
XHR.prototype.send = function(data) {
var self = this;
var oldOnReadyStateChange;
var url = this._url;
function onReadyStateChange() {
if(self.readyState == 4 /* complete */) {
/* This is where you can put code that you want to execute post-complete*/
/* URL is kept in this._url */
}
if(oldOnReadyStateChange) {
oldOnReadyStateChange();
}
}
/* Set xhr.noIntercept to true to disable the interceptor for a particular call */
if(!this.noIntercept) {
if(this.addEventListener) {
this.addEventListener("readystatechange", onReadyStateChange, false);
} else {
oldOnReadyStateChange = this.onreadystatechange;
this.onreadystatechange = onReadyStateChange;
}
}
send.call(this, data);
}
})(XMLHttpRequest);
我在 github 上发布了一个更具体的示例，它拦截 AJAX 调用并将 AJAX 调用持续时间发布回服务器进行统计分析。
拦截ajax调用的原始javacript代码：
(function(send) {
XMLHttpRequest.prototype.send = function(body) {
var info="send data\r\n"+body;
alert(info);
send.call(this, body);
};
})(XMLHttpRequest.prototype.send);
拦截ajax的jQuery代码：
$.ajaxSetup({
beforeSend: function (xhr,settings) {
alert(settings.data);
alert(settings.url);
}
});
参考：http : //myprogrammingnotes.com/intercept-ajax-calls-jquery.html
从http://api.jquery.com/ajaxSuccess/：
每当 Ajax 请求成功完成时，jQuery 就会触发 ajaxSuccess 事件。任何和所有已使用 .ajaxSuccess() 方法注册的处理程序此时都会执行。
所以选择器没有定义你“捕捉”事件的位置（因为，老实说，ajax 事件本质上不是从 DOM 元素开始的），而是定义了一个处理将被默认的范围（即this将poitn到/那些元件（一个或多个））。
总而言之 - 它应该正是您想要的
最好的方法，我发现https://lowrey.me/intercept-2/
const intercept = (urlmatch, callback) => {
let send = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function() {
this.addEventListener('readystatechange', function() {
if (this.responseURL.includes(urlmatch) && this.readyState === 4) {
callback(this);
}
}, false);
send.apply(this, arguments);
};
};
尝试使用 Mockjax.js http://code.appendto.com/plugins/jquery-mockjax
它允许您劫持对服务器的 AJAX 调用并模拟位置。