Overriding XMLHttpRequest

[user6110]

Hi,

I'm trying to get the following code to work. I'm intercepting all Ajax requests and responses by overriding XMLHttpRequest functions. The requests are alerted and sent correctly.

I also get an alert box for responses, but after that I get an error "this.orsc is not a function", and the response is not delivered correctly. Any idea what the problem is?

XMLHttpRequest.prototype.realSend = XMLHttpRequest.prototype.send;
var newSend = function(data) { alert("sent: " + data); if(this.onreadystatechange) { this.orsc = this.onreadystatechange; } this.onreadystatechange = newORSC; this.realSend(data); };
var newORSC = function() { if (this.readyState == 4) { alert("response: " + this.responseText); } this.orsc(); };
XMLHttpRequest.prototype.send = newSend;

[devnull69]

By assigning newSend to the prototype of XMLHttpRequest you are correctly changing the scope to the prototype ... so "this" will refer to the current XMLHttpRequest object.

But for newORSC you are not doing this. So most probably "this" will instead refer to the global window object ... which will obviously fail.

Possible solution (untested): Change the scope for the newORSC object using .call()

   var that = this;
   this.onreadystatechange = function() {newORSC.call(that);};

[rnd me]

you have to assign the ready state change function before you call send, so your approach won't work.

you might be able to modify open() to accomplish the same thing.