Question

I’m attempting to issue two concurrent AJAX requests.

The first call (/ajax_test1.php) takes a very long time to execute (5 seconds or so). The second call (/ajax_test2.php) takes a very short time to execute.

The behavior I’m seeing is that I /ajax_test2.php returns and the handler gets called (updateTwo()) with the contents from /ajax_test2.php.

Then, 5 seconds later, /ajax_test1.php returns and the handler gets called (updateOne()) with the contents from /ajax_test2.php still!!!

Why is this happening?

Code is here: http://208.81.124.11/~consolibyte/tmp/ajax.html

Answer 1

This line:-

req = new XMLHttpRequest(); 

should be:-

var req = new XMLHttpRequest();