[Jquery 1.2.6] Response mismatch with multiple ajax requests in a row

[Emilio Meadow]

Hi,

I'm pretty new with jquery and not very skilled with javascript either.
I have a function that handles a onClick event.
This function makes 3 ajax requests "in a row", here is the (psedo-)code:

    function onClickHandler(idParam) {
        var y = document.getElementById("idSelectedYear");
        $.ajax( {
            url : "/appcontext/firstaction.do",
            data : { id : idParam },
            success : function(firstData) {
                $("#firstId").html(firstData);
            }
        });

        $.ajax( {
            url : "/appcontext/secondaction.do",
            data : { id : idParam, year: y },
            success : function(secondData) {
                $("#secondId").html(secondData);
            }
        });
        
        $.ajax( {
            url : "/appcontext/thirdaction.do",
            data : { id : idParam, year: y },
            success : function(thirdData) {
                $("#thirdId").html(thirdData);
            }
        });
    }

What happens sometimes is that the response "secondData" of the second call appears either in the "#firstId" element and in the "#secondId" element or in the "#thirdId" element and in the "#secondId" element.
I solved temporarly the problem by nesting the three requests and the problem seems to be solved. But this, of course, is only a work around...
Any hint?

Cheers

Emilio

[Bear Bibeault]

I don't see how that could possibly happen, but why are you using such an old version of jQuery? You really should be using the most modern version.

[Bear Bibeault]

And, why aren't you using the .load() method rather than the low-level $.ajax() function?

[Jee Ba]

Well its not really a problem, thats what the first "A" in Ajax means = "Asyncronous", that's mean that when you send, for example, 2 ajax calls, the response will come unordered. Nesting them is a good option with few calls, I remember that there was a library on jquery 1.2.6 that could chain Ajax request. But new version of Jquery comes with better handling of Ajax. Look for something like jquery ajax chain in google

[Bear Bibeault]

There is no need to chain the calls. None.

[Eric Pascarello]

It is a race condition on what call comes back first. Just because the first one was called first does not mean it will come back first.

First question is why not make one call that can return all three parts at once. Saves your server from being bombarded with calls.

If you have to make 3 calls, look into jQuery queue. Nice explanation here. Scroll down the post a bit for an Ajax example.

Eric

[Bear Bibeault]

As each request has its own success callback, there should be no need to chain or queue unless order matters. It doesn't look like order matters in this case.