Using dynamic variables in $.when

Question

How to use dynamic deferred's inside $.when? Got one function ajaxFunction which returns deferred promise.

function ajaxFunction(image){
    var dfd = $.Deferred();
    //Ajax of image
    return dfd.promise();
}

calling this ajaxFunction based on dynamic condition like

var defs = {};
var someQuerySelector = document.querySelectorAll('image');
for (var i = 0; i < someQuerySelector.length; i++) {
    defs[d + 'i'] = ajaxFunction(someQuerySelector[i]);
}

Now I want to use these into $.when() how to use defs dynamic keys inside like $.when(defs['d1'],defs['d2']). How to use dynamic variables into this. Any change in approach or help will be highly appreciated.

Rory McCrossan · Accepted Answer · 2016-06-15 17:11:07Z

2

If you change defs to an array you can apply() it to $.when, like this:

var defs = [];
var someQuerySelector = document.querySelectorAll('image');
for (var i = 0; i < someQuerySelector.length; i++){
  defs.push(ajaxFunction(someQuerySelector[i]));
}

$.when.apply(this, defs).done(function() {
    // all complete, do something...
});

Or purely in jQuery:

var defs = $('image').map(function() {
    return ajaxFunction(this);
});

$.when.apply(this, defs).done(function() {
    // all complete, do something...
});

The above is assuming that you change image to a valid selector, and that you're providing some parameters to your ajaxFunction(), otherwise repeatedly calling it the same way N times is pretty redundant.

edited Jun 15, 2016 at 17:11

answered Jun 15, 2016 at 11:34

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ankur Aggarwal Over a year ago

yes I am using image as parameter. Updated the question also

Ankur Aggarwal Over a year ago

$.when.apply(null, defs) this worked for me :) Thanks for your help

Collectives™ on Stack Overflow

Using dynamic variables in $.when

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related