How to loop through Ajax Requests inside a JQuery When – Then statment?

by

It’s possible to do what you’re asking. HOWEVER, the server you are sending your requests to probably has a reason for the limit they enforce. As someone who works in web development and has seen first hand how annoying DDOS, scraping, and other abuses of APIs can be, I would suggest conforming to their limit.

That being said, here’s how you can do it.

$.ajax actually returns a deferred object, so you can use that to your advantage. Also $.when can accept any number of deferred objects. Combining these two facts can solve your problem.

var deferreds = [];
$.each(groupedStats, function(index, stat){
    deferreds.push(
        // No success handler - don't want to trigger the deferred object
        $.ajax({
            url: '/some/url',
            data: {stat: stat},
            type: 'POST'
        })
    );
});
// Can't pass a literal array, so use apply.
$.when.apply($, deferreds).then(function(){
    // Do your success stuff
}).fail(function(){
    // Probably want to catch failure
}).always(function(){
    // Or use always if you want to do the same thing
    // whether the call succeeds or fails
});

Note that this is not a race condition. Although $.ajax is asynchronous, $.each is not, so your list of deferreds will be the total list before you get to $.when and $.then/$.fail/$.always will only be triggered once they all complete.

EDIT: I forgot to add the splitting by 5s, but this illustrates the general idea. You can probably figure out from here how to apply it to your problem. Incidentally, you could just use array.splice(0,5) to get the next 5 results from the array. .splice is safe to use; if the total number of elements is less than 5, it will just take all the remaining elements.

More Related Contents:

  1. How to send data to the server via Ajax?
  2. HTML: how refresh information in [closed]
  3. How to receive special character?
  4. Download a file by jQuery.Ajax
  5. jQuery AJAX file upload PHP
  6. Prevent browser caching of AJAX call result
  7. Post data to JsonP
  8. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘…’ is therefore not allowed access
  9. jQuery ajax success callback function definition
  10. Is it possible to use Ajax to do file upload?
  11. How to get an AJAX get-request to wait for the page to be rendered before returning a response?
  12. Caching a jquery ajax response in javascript/browser
  13. TypeError: Cannot read property ‘setState’ of undefined
  14. How to show progress bar while loading, using ajax
  15. Differences between contentType and dataType in jQuery ajax function
  16. Page redirect with successful Ajax request
  17. Ajax, prevent multiple request on click
  18. AJAX Promises using Array
  19. Cannot handle 302 redirect in ajax and why? [duplicate]
  20. jQuery ajax load() java script not executing?
  21. jQuery DataTables server-side processing using ASP.NET WebForms
  22. jQuery UI AutoComplete: Only allow selected valued from suggested list
  23. jquery abort() ajax request before sending another
  24. Jquery Ajax – post huge string value
  25. Chain ajax and execute it in sequence. Jquery Deferred
  26. “Permission denied” with Internet Explorer and jQuery
  27. How to show loading status in percentage for ajax response?
  28. jQuery ajax async: false causes a strange warning?
  29. jQuery $.ajax(), pass success data into separate function
  30. Python Flask Cors Issue

Leave a Comment