在阵列上的jQuery异步调用

Question

我试图让下面的方案工作：我有一个ajax调用返回一个对象数组（承诺）。 现在，我有一个成功的函数，对数组中的每个项目进行额外处理，包括进行其他异步Ajax调用。当然，这会导致头痛，因为主函数success（）在子函数完成之前返回，这不是我想要的。每个子函数调用也返回一个promise，并且我只想在所有项加载时才离开main函数。

这是我到目前为止尝试过的。主函数getItemData不会等待Q.all（...）返回。 我使用的JS Async和Q.js库：

function main() { 
    //performs an ajax get to grab items from server 
    return data.getItems().then(succeeded).fail(failed); 
} 
function succeeded(d) { 
    async.each(d.results, getItemData, function (err) { logger.logError(err) }); 
    function getItemData(item, callback) { 
     //counts 
     item.totalSubItems = ko.observable(0); 

     Q.all([getCounts, getLastSubItem]).then(function fulfilled() { 
      items.push(item); 
      return callback; 
     }); 
    }; 
function getCounts() { 
     //another ajax call that returns a promise 
     data.getItemCounts(item.id()).then(function (c) { 
      var results = c.results; 
      //some work 
     }) 
     .fail(function (error) { 
      logger.logError(error); 
     }); 
function getLastSubItem() { 
     //also returns a promise 
     data.getLastSubItem(item.id()).then(function (sub) { 
      item.lastsub(sub.results[0]); 
     }) 
     .fail(function (error) { 
      logger.logError(error); 
     }); 
    } 

Answer 1

我结束了使用deferreds这样解决问题：

function main(){ 
     var promises = []; 
     return data.getItems() 
        .then(succeeded) 
        .then(function() { 
         var deferred = Q.defer(); 
         Q.all(promises).done(function() { 

          logger.logError("Done"); 
          return deferred.resolve(true); 
         }); 
         return deferred.promise; 
        }) 
        .fail(failed); 
     } 
    } 
function succeeded(d) { 
    promises = []; 
    d.results.forEach(function (i) { 
     promises.push([getCounts(i), getLastSubItem(i)]); 
    }); 
}