自定义 XMLHttpRequest.prototype.open

var open = XMLHttpRequest.prototype.open;

XMLHttpRequest.prototype.open = function(method, uri, async, user, pass) {
    this.addEventListener("readystatechange", function(event) {  
    if(this.readyState == 4){
       var self = this;
       var response = {
         method: method,
         uri: uri,
         responseText: self.responseText
      };
      console.log(response);  
    } else {
        console.log(this.readyState);
    }
    }, false);
  open.call(this, method, uri, async, user, pass);
};

我正在尝试在发送 XHR 之前收听它们.$.ajax 方法中类似于 jQuery 的 beforeSend 方法.

I am trying to listen for XHR before they are being sent. Something similar to jQuery's beforeSend in the $.ajax method.

我的目标是在发送所有 XHR 之前监听它们.我想最接近的方法是检查上面是否 this.readyState === 1?

My goal is to listen for all XHR's before they are being sent. I suppose the closest thing would be to check above if this.readyState === 1?

上面的代码是否会因为我在 XMLHttpRequest 上使用原型而导致任何 ajax 库(如 jQuery)出现故障?

Would the code above cause any ajax libraries like jQuery to malfunction because I use prototype on XMLHttpRequest?

推荐答案

我正在尝试在发送 XHR 之前监听它们.

I am trying to listen for XHR before they are being sent.

然后尝试欺骗 send() 方法，而不是 open() 方法.

Then try to spoof the send() method, not the open() one.

上面的代码是否会因为我在 XMLHttpRequest 上使用原型而导致任何 ajax 库(如 jQuery)出现故障?

Would the code above cause any ajax libraries like jQuery to malfunction because I use prototype on XMLHttpRequest?

不，不是真的.只是，

• 在那些库选择不使用 XMLHttpRequest(尤其是 IE)的情况下它不起作用
• …如果浏览器不支持 XMLHttpRequest 对象(或不支持访问或修改其原型)，甚至会失败
• libs 可能能够通过在你可以之前取消引用函数来解决你的欺骗问题(尽管我不知道有什么常见的 lib)
• 您的代码使用固定数量的参数调用本机方法，不确定这是否会影响任何内容，并且它不会重新返回结果(即使我们知道它是 undefined).为 100% 确定，请使用 return open.apply(this, arguments);.

• it won't work where those libs choose not to use XMLHttpRequest (particularly IE)
• …and even fail if the browser does not support the XMLHttpRequest object (or does not support accessing or modifying its prototype)
• libs might be able to work around your spoof by dereferencing the functions before you can (though I don't know any common lib that does)
• Your code calls the native method with a fixed number of arguments, not sure if that affects anything, and it does not re-return the result (even if we know it's undefined). To be 100% sure, use return open.apply(this, arguments);.