16

I'm lost. How might I pass a loop variable to an AJAX .done() call?

for (var i in obj) {
   $.ajax(/script/).done(function(data){ console.log(data); });
}

Obviously, if I were to do console.log(i+' '+data) i would return the very last key in the object obj on every single iteration. Documentation fails me.

William Isted
  • 11,641
  • 4
  • 30
  • 45
Phil Tune
  • 3,154
  • 3
  • 24
  • 46

2 Answers2

20

You can just create a custom field in the object that you send to $.ajax(), and it will be a field in this when the promise callback is made.

For example:

$.ajax( { url: "https://localhost/whatever.php", method: "POST", data: JSON.stringify( object ), custom: i // creating a custom field named "custom" } ).done( function(data, textStatus, jqXHR) { var index = this.custom; } );

Darwin Airola
  • 919
  • 8
  • 11
  • After 5 years, I have long since forgotten what even prompted this question. ;) – Phil Tune Nov 03 '16 at 19:24
  • 1
    I needed to know how to do this for a recent project. So, when I figured it out, I tried to also relay the information to others who said that they wanted it... – Darwin Airola Nov 10 '16 at 19:04
  • This is better from jquery ajax asynchronous execution point of view, it clearly provide intended item/object reference when callback is executed latter in time. – Deep Saurabh Aug 17 '17 at 19:56
15

You can use a closure (via a self executing function) to capture the value of i for each invocation of the loop like this:

for (var i in obj) {
    (function(index) {
        // you can use the variable "index" here instead of i
        $.ajax(/script/).done(function(data){ console.log(data); });
    })(i);
}
jfriend00
  • 683,504
  • 96
  • 985
  • 979