How to dynamically add deferred objects to $.when() in jQuery

Question

Here is an example of a standard usage of $.when() in jQuery:

var d1 = $.Deferred();
var d2 = $.Deferred();
var d3 = $.Deferred();

$.when(d1, d2, d3).done(function (v1, v2, v3 ) {
});

Is it possible to pass 1 or more deferred variables on the fly? Say I suddenly have 5 deferred to check for their resolve, how would I dynamically insert those 5 to the $.when() without hard-coding $.when(d1, d2, d3, d4, d5)....?

Use an array to pass to `$.when`, see https://stackoverflow.com/questions/5627284/pass-in-an-array-of-deferreds-to-when — charlietfl, Jun 07 '20 at 22:37
Also can use Promise.all() with array of the deferreds instead of `$.when` if using jQuery 3+ — charlietfl, Jun 07 '20 at 22:39
Thank you charlietfl. The .apply() works. I'll look into that Promise.all() to see what that is. — CelestialEX, Jun 07 '20 at 22:42
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all — charlietfl, Jun 07 '20 at 22:45

score 0 · Answer 1 · answered Jun 07 '20 at 22:43

0

As per charlietfl, the $.when.apply($, promisesArray) did the trick.

answered Jun 07 '20 at 22:43

CelestialEX

106
10

How to dynamically add deferred objects to $.when() in jQuery

1 Answers1