覆蓋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);