javascript - 在下一个请求之前等待 $http promise

Question

我正在开发一个 angularJS 应用程序，这是我使用这个框架的第一个网站。在我的应用程序中，我需要在 for 循环内进行 $http 调用。在下一次迭代之前的循环中，我想等待上一次调用的响应。什么是最好和最简单的方法来做到这一点。我已经尝试使用回调，$q.all()，.then 在所有这些中只有最后一个请求正在通过。请帮忙。

注意:我通过 $http 调用的 API 无法对请求进行排队。

编辑: 我已经尝试了以下两种方法，在这两种情况下，只有最后一个请求被成功发出。你能告诉我我在这里做错了什么吗？

方法一:

var promiseArray=[];

for(var i=0;i<items.length;i++)
{
 var promise=services.Post(items[i]);
 promiseArray.push(promise);
}

$q.all(promiseArray).then(data)
{
 ...
}

方法二:

var promises = [];

for (var i = 0; i < items.length; i++) {

    var deffered = $q.defer();
    var promise = services.Post(items[i]);
    promise.success(function(data) {
        deffered.resolve(data);
    })
    promises.push(deffered);
}

var result = $q.all(promises);

编辑:2 服务代码:

Services.Post = function(lineItemId, submitUrl) {
    var url = (submitUrl) ? submitUrl : Services.serviceUrl;

    return $http.post(url, {
        "LineItemID": lineItemId
    }).
    success(function(data, status, headers, config) {
        Services.processResponse(data, status, headers, config);
    }).
    error(function(data, status, headers, config) {

        JL('Angular').error('Error response when calling Service ' + config);

    });
};

Answer 1

您可以使用 $q.when 来 promise $http 并且当它得到解析时调用 .then 中的函数

$q.when(promiseObj).then(callback);

如果有多个 promise，那么您可以使用 $q.all，它将接受 promise 数组并在函数内的所有 promise 都得到解析时调用 then 函数。

$q.all([promiseObj1, promiseObj2]).then(callback);

更新

我认为您的第一种方法是正确的，只是遗漏了几件事

1. for 循环条件，它确实创建了一个未定义的额外对象
2. $q.all 应该在 .then
中有函数

代码

var promiseArray=[];

for(var i=0; i < items.length - 1;i++) //<-- change from i<items.length
{
 var promise=services.Post(items[i]);
 promiseArray.push(promise);
}

$q.all(promiseArray).then(function(data) //<-- it should be function in .then
{
  //this will called after all promises get resolved.
});