jquery - 使用 jQuery 捕获 XHR？

Question

我将 PhantomJS 与 jQuery 结合使用，我想知道是否可以在 XMLHttpRequest 传递到浏览器时捕获它，而无需自己启动 POST/GET。

Answer 1

有一些简单的 jQuery 函数可以让您在发送 AJAX 请求之前对其进行修改，但它们仅针对由 jQuery 发起的 AJAX 请求。要捕获页面上的所有 AJAX 请求，请使用以下基本的仅 JS 方式:

(function(open){
    XMLHttpRequest.prototype.open = function(method, url, async, username, password) {
        // modify the variables here as needed or use 'this` keyword to change the XHR object or add event listeners to it
        open.call(this, method, url, async, username, password);
    };
})(XMLHttpRequest.prototype.open);

您还可以重写 XHR send() 函数:

(function(send){
    XMLHttpRequest.prototype.send = function(body) {
       // your code
       send.call(this, body);
    };
})(XMLHttpRequest.prototype.send);

基本上，此代码必须是您页面上运行的第一个代码。所有后续的 XHR 请求都将通过重写的函数，允许您更改任何参数等。

注意:如果您希望针对某些版本的 IE，则需要为 IE 用于 AJAX 的 ActiveXObject 实现类似的代码。