覆盖XMLHttpRequest的发送方法

Question

我试图通过覆盖XMLHttpRequest的发送函数将XMLHttpRequest发送到服务器的数据记录（并稍后修改）。我的函数将数据正确地记录到控制台，但请求没有完成，所以浏览器一直等待响应。任何想法有什么问题的代码？

XMLHttpRequest.prototype.realSend = XMLHttpRequest.prototype.send; 
var newSend = function(vData) { console.log("data: " + vData); realSend(vData); }; 
XMLHttpRequest.prototype.send = newSend;

Answer 1

XMLHttpRequest.prototype.realSend = XMLHttpRequest.prototype.send; 
// here "this" points to the XMLHttpRequest Object. 
var newSend = function(vData) { console.log("data: " + vData); this.realSend(vData); }; 
XMLHttpRequest.prototype.send = newSend; 

Answer 2

你已忘了this：

this.realSend(vData); 

但是，你并不需要一个新的方法添加到原型：

var send = XMLHttpRequest.prototype.send; 

XMLHttpRequest.prototype.send = function(data) { 
    send.call(this, data); 
} 

使用封，你也可避免流氓变量：

!function(send){ 
    XMLHttpRequest.prototype.send = function (data) { 
     send.call(this, data); 
    } 
}(XMLHttpRequest.prototype.send);