Question

I have the following code at the end of an .each() function that loops close to 50 times.

$.ajax({
    type: "POST",
    url: "/process.php",
    data:  "info="+info,
    success: function(html){
        // $('#container').html(html);          
    }
});

How can I pause the script during each iteration so it will wait until each ajax post is successful before executing the next .each()?

I’m basically trying to prevent the queuing of ajax requests.

Answer 1

Don’t use an explicit loop. Move each next-ajax call into the success handler of the previous one. Or queue the requests programmatically.

var numRequests = 50;

function nextAjax()
{
    if (numRequests > 0)
    {
        $.ajax({
            // snip...
            success: function (html) {
                // $('#container').html(html);
                nextAjax();
            }    
        });
    }

    numRequests--;
}

nextAjax();