完成/完成后如何在 $.each json 数组上使用 .promise().done()？

Question

我想在 $.each 完成后执行一些操作。

$.each(someArray, function(index, val) {

    //---------some async ajax action here per loop ---------
    $.ajax({...}).done(function(data){...});

}.promise().done(function(){...}); //<-------error here can't use with $.each

• 并非每个 jQuery 函数 都有 promise()?
• 我如何知道 $.each 数组何时完成？
• 我可以将 someArray 更改为 $someArray 来使用它吗？

Answer 1

如您所见，$.each() 没有.promise()，因此您无法按照您尝试的方式进行操作。相反，您可以使用$.when() 来跟踪由一组 Ajax 函数返回的一系列 Promise 何时都已解决：

var promises = [];
$.each(someArray, function(index, val) {
    //---------some async ajax action here per loop ---------
    promises.push($.ajax({...}).then(function(data){...}));
});
$.when.apply($, promises).then(function() {
    // code here when all ajax calls are done
    // you could also process all the results here if you want
    // rather than processing them individually
});

或者，比起你的$.each()，使用.map() 更简洁：

$.when.apply($, someArray.map(function(item) {
    return $.ajax({...}).then(function(data){...});
})).then(function() {
    // all ajax calls done now
});