Question

我有一个数组，我将传递给将发布到API的有效负载。在数组中是API将单独采用的字段名称（而不是数组）所以我创建了一个for循环来迭代通过数组并动态地将字段名称添加到有效负载。但是当我拨打电话时，我只获取最后一个字段名称的数据。如果我在数组中总共说了6个项目，我只获取最后一个字段的数据。

function getData(payload, index, field) {

        var deferred = $q.defer();


        for (var i = 0; i < field.length; i++) {
            if (field[i]) {

                console.log("terms logged", field[i]);

                var termsData = {
                    user_selection: payload,
                    index_info: index,
                    field: field[i]
                };

                console.log("terms data", termsData);

            } 
          }
                $http({
                    url: 'API',
                    method: "POST",
                    data: $.param(termsData),
                    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
                }).then(function (response) {
                    var data = response.data;

                    console.log("response data", data);

                    deferred.resolve(data);
                });

                return deferred.promise;    
    }

我是否需要在初次通话后重复循环？因为它处于for循环中，所以我假设调用将一个接一个地进行，直到满足条件。

Answer 1

这里有几个错误。首先，return deferred.promise;将在第一次到达时突破该功能。这就是为什么它只发送第一个任期的原因。如果将return语句移到for循环之外，则应该发送所有条件。

还应修复的是，您只有一个延迟对象附加到多个调用。每次调用都应该有一个延迟对象。以下是一个例子。

＆＃13;

function getData(payload, index, field) {


  for (var i = 0; i < field.length; i++) {
    if (field[i]) {

      console.log("terms logged", field[i]);

      var termsData = {
        user_selection: payload,
        index_info: index,
        field: field[i]
      };

      postTerm(term);
    }
  }
}

function postTerm(term) {
  var deferred = $q.defer();

  console.log("terms data", term);

  $http({
    url: 'API',
    method: "POST",
    data: $.param(term),
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  }).then(function(response) {
    var data = response.data;

    console.log("response data", data);

    deferred.resolve(data);
  });


  return deferred.promise;
}

＆＃13;

Answer 2

我相信你所寻找的是一种在循环中链接承诺的方法。这可以实现将promises存储在数组中：

var promises = [];
for(...) {
    var promise = $http(...); // http calls return a promise
    promises.push(promise);

    // Or, if you prefer to use $q
    var deferred = $q.defer();
    $http(...).success(function(){
        deferred.resolve();
    });
    promises.push(deferred);
}

$q.all(promises).then(function(){
    // This will be executed when all promises inside the array have been resolved
});

虽然，我不建议做这么多请求。如果可能，请更改后端，使其能够接收一组对象。

这里有一些关于$ q https://docs.angularjs.org/api/ng/service/ $ q

的文档

Resolve a promise array with Angular UI Router

AngularJS HTTP post通过for循环调用

2 个答案: