a reference to an object in an event handler

[andho]

how can i send a reference of an object to an even handler. i have used the following technique while i used the xmlHTTPrequest object.

function object () {
this.getStuff = function () {
if ( (xmlHttp = getXmlHttpRequest() ) !== false) ) {
var url = 'getStuff.php';
xmlHttp.caller = this;
xmlHttp.open(url, 'POST', true);
xmlHttp.onreadystatechanged = function () {
if (xmlHttp.readyState == 4) {
xmlHttp.caller.evenHandler();
}
}
xmlHttp.send(null);
}
}
}

i stored the reference to the object in the xmlHttp object with the code:

xmlHttp.caller = this;

but now my problem is if i send more than 1 xmlHttp calls, then the first caller object is over written by the second caller object. how can i get past this.

[acoder]

How about using an array to store the references?

[andho]

no that doesnt work because the event handler doesnt know which caller is for which even.

i guess i have over looked something here. maybe i should create a different xmlHttpRequest for each object. that will work right.

[andho]

the same happens in this last solution too.

the event doesnt know the xmlHttpRequest that it was called from? any way to keep track of this. to keep track of where or from what it was called?

[acoder]

You could keep an index for each created object. This would require you to create an object for the requests and increment each time a request is made.

[mrhoo]

xmlHttp.onreadystatechanged= function () {
if (xmlHttp.readyState== 4) xmlHttp.caller.evenHandler(this);


I gotta say, the name object for a method makes me cringe,,,

[andho]

i am gonna put this part on hold for now as its taking too much time.

but i came up with this code upto now:

if (xmlHttp.busy) {
xmlHttp.queue[xmlHttp.queue.length] = this.functionName;
} else {
xmlHttp.caller = this;
xmlHttp.open(url, 'GET', true);
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readystate == 4) {
// code to handle response here
if (xmlHttp.queue.length > 0) {
xmlHttp.queue[0]();
} else {
xmlHttp.busy = false;
}
}
}
}

now two requests wont be sent simultanously.

You could keep an index for each created object. This would require you to create an object for the requests and increment each time a request is made.

i already have a parent object that stores an array of the objects that makes the call.
Do you mean i have to make an XMLHttpRequest object for each of the objects. When i do this i cant seem to find any reference to the parent of the event (event meaning the this.xmlHttp.onreadystatechange which is a 'xpconnect' something object as on firebug)

Can you explain more with some code?