Problem with inner functions in Ajax

[sakthipro]

Hi,

I have a problem while using one ajax function inside of another ajax function,

ie,

function ajaxFunction1()
{
...
...

http.onreadystatechange = RespondFunction1();
...
ajaxFunction2();

}

function ajaxFunction2()
{
...
...
http.onreadystatechange = respondFunction2();
}

Here, my problem is,

i expect the function ajaxFunction2() should invoke after the full execution of function RespondFunction1();
but, the actual result invoke the function ajaxFunction2() after invoking the function respondFunction1() its not waiting for the ajaxFunction1() to complete fully.

Also,

if the respondFunction1() is inside a for...loop,
i get only the final iteration as a output,
middle iterations are suspended.

Suggest me this regards.

[pbmods]

http.onreadystatechange = RespondFunction1();

Should be

http.onreadystatechange = RespondFunction1;
 

If you use RespondFunction1(), the browser will execute RespondFunction1 and use the result.

If you needed to pass extra parameters to RespondFunction1, do something like this instead:

var extraArg = 'test';
http.onreadystatechange = function(response) { return RespondFunction1(response, extraArg); };