CODEWITHSUNDEEP
jqueryajaxcallbackjquery-deferred
user3180943
user3180943

Reputation: 331

Deferred in $.when while looping an array

I have the following code:

var arrOutfit = []; // will be filled
...
$.when(

  $.each(arrOutfit, function(key, sAdd) {

    $.post('/checkout/addArticle', 'sAdd=' + sAdd + '&sQuantity = 1');

  });

).then() {

  // something

}

But this does not work. I figured that the array loop is invalid. As you can see I have mutliple ajax calls and I want to have just one callback, so I know, when all requests has been done. How can I achieve this?

Any ideas will be appreciated.

Best regards

Upvotes: 0

Views: 222

Answers (1)

Rory McCrossan
Rory McCrossan

Reputation: 337600

Your usage of $.when is not quite correct. Try this:

var arrOutfit = [], // will be filled
    promises = [];

// ...

$.each(arrOutfit, function(key, sAdd) {
    promises.push($.post('/checkout/addArticle', 'sAdd=' + sAdd + '&sQuantity = 1'));
});

$.when.apply($, promises).then(function(schemas) {
    // something...
});

Note that the each is used to populate an array with promises which are then provided to the when which will execute once they are all complete.

Upvotes: 2

Related Questions