Sovrascrittura del metodo di invio di XMLHttpRequest

Question

Sto tentando di registrare (e successivamente modificare) i dati che XMLHttpRequest invia a un server sovrascrivendo la funzione di invio di XMLHttpRequest. La mia funzione registra i dati correttamente nella console, ma la richiesta non finisce, quindi il browser continua ad aspettare la risposta indefinitamente. Qualche idea su cosa c'è che non va nel codice?

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

hai dimenticato this:

this.realSend(vData); 

Tuttavia, non c'è bisogno di aggiungere un nuovo metodo per il prototipo:

var send = XMLHttpRequest.prototype.send; 

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

Utilizzando la chiusura, si può anche evitare canaglia variabili:

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