jQuery AJAX calls in for loop [duplicate]

by

The easiest way is to use a closure. Whenever you have something asynchronous in a loop, it is the same thing.

for (var i .....) {
  asynchronousFunction(function() {
    use(i);
  }
}

In this pseudocode snippet, the inner function captures the storage location referenced by i. The loop runs, the i increments to its final value, and then the async callbacks start getting called, all of them looking up the exact same location (not value).

The general solution is this:

for (var i .....) {
  (function (i) {
    asynchronousFunction(function() {
      use(i);
    });
  })(i);
}

i.e. wrap the whole contents of your loop in an self-executing function.

Here, the value of outer i gets passed into the wrapping self-executing anonymous function; this unique value’s location gets captured by the async callback. In this way, each async gets its own value, determined at the moment the self-executing function is invoked.

More Related Contents:

  1. jQuery ajax inside a loop problem
  2. Multiple input validation
  3. Why the Ajax script is not running on IIS 7.5 Win 2008 R2 server?
  4. jQuery callback for multiple ajax calls
  5. How to break out of jQuery each loop?
  6. Stop all active ajax requests in jQuery
  7. jQuery doesn’t work after content is loaded via AJAX
  8. How to fire AJAX request Periodically?
  9. Difference between $.ajax() and $.get() and $.load()
  10. Submit form using AJAX and jQuery
  11. Pass entire form as data in jQuery Ajax function
  12. Rotating a Div Element in jQuery
  13. Google Chart draw Trendlines with date on x axis
  14. jQuery AJAX Character Encoding
  15. JSONP request error handling
  16. Ajax using https on an http page
  17. jQuery: Load Modal Dialog Contents via Ajax
  18. Detecting a redirect in ajax request?
  19. Use success() or complete() in AJAX call
  20. What are the drawbacks of using synchronous ajax call?
  21. Can onprogress functionality be added to jQuery.ajax() by using xhrFields?
  22. How do I PUT data to Rails using JQuery
  23. How to return an object from a Spring MVC controller in response to AJAX request?
  24. jQuery Ajax request every 30 seconds
  25. Ajax Not working in IOS 9.0 Cordova
  26. HTML5 validation before ajax submit
  27. Accessing web Service from jQuery – cross domain
  28. jQuery validator plugin + ajax submitting not working
  29. Mailchimp subscribe using jQuery AJAX?
  30. What happens when no response is received for a request? I’m seeing retries

Leave a Comment