Getting an array of responses in then using $.when.apply

Question

I have the following code:

var requests = [];

var files = ['one.html', 'two.html', 'three.html'];

for(var i = 0; i<files.length; i++){
        requests.push($.get(files[i]));
}

$.when.apply(undefined, requests).
then(function(resultOne, resultTwo, resultThree){
    console.log(resultOne[0]);
})

I wish to avoid having to define variable for each response in the .then and instead retrieve an array of responses.

How should I go about this?

Thank you!

score 3 · Accepted Answer · answered Mar 16 '16 at 10:10

In every function scope there is a special array like object in its scope called arguments which corresponds to the values passed to the function call.

You can use the arguments object and iterate over it

$.when.apply(undefined, requests).
then(function(resultOne, resultTwo, resultThree) {
  $.each(arguments, function(i, val) {
    console.log(val);//it will be another array with 3 values
    console.log(val[0]);//to get the data returned by the ajax request
  })
})

Thanks boss, this was exactly what I was looking for :) – jacobdo Mar 16 '16 at 10:26 — jacobdo, Mar 16 '16 at 10:26

Getting an array of responses in then using $.when.apply

1 Answers1