Question

I have to perform ajax requests for a specific Array and wait for the server response before proceeding to the next iteration in the loop.

I currently have my iterations performed simultaneously. How do I proceed only after ensuring the success?

Thanks for any advice.

myArray.each(function(val, index) {
    new Ajax.Request(myUrl + val, {
        onSuccess: function() {
               responseFromServer();
        }
    });
    void(0);
});

Answer 1

might try it like this

function getItem(url, array, index)
{
   new Ajax.Request(url + array[index])
   {
      onSuccess : function()
      {
        responseFromServer(); //assuming this handles the server response
        if (index < array.length)
           getItem(url, array, ++index);
      }
   }
}

then just call it with

getItem(myUrl, myrray, 0);

basically, you want the callback to start the next ajaxrequest, on the next item in your array