Problem Referencing Function in AJAX Application.

[Squirell]

Can someone kindly explain how to properly call JavaScript functions in the following scenario...

#...XMLHttpRequest Object has been created outside the loop e.t.c.
 
for(var cnt=0; cnt < 5; cnt++)
{
#...some code here
 
ajaxObj.open("GET", url, true); 
ajaxObj.onreadystatechange = dispValue; # Line 200: Problem Point
 
#Another option I tried - function(){dispValue();}; #Line 210
ajaxObj.send(null);
 
function dispValue()
{
 if(ajaxObj.readyState == 4)
  {
  if(ajaxObj.status == 200)
    {
    var resp = ajaxObj.responseText;
    #resp += resp; #Line 250
    alert(resp);
    }
  }
}
 

1. I have used the method on line 200 in some other parts of the application and it works fine. However, this line keeps returning an error of dispValue is not defined with Firebug, IE does nothing.

2. Is my alternative on line 210 allowed?

3. The second problem is on line 250, where I want to add the responseText repeatedly in the loop. The responses are numbers e.g. 45, 72, 23.

Please ignore the wrong ordering of line numbers - it was just for clarity.


Development Platform
- Windows XP Home Edition
- Firefox/ Firebug, IE and Opera browsers
- PHP, MySQL

[acoder]

Since Ajax is asynchronous, you won't have control over the order.

To do that, make the request when the first request has reached readyState 4.

You're reusing the same ajax object. You'll need to create new ones to use 5 at the same time.