Question

当我遍历Angularjs的$ http邮政服务时

for (var i = 0; i < $scope.tagStyles.length; i++) {
  $scope.profilTag.tag = $scope.tagStyles[i].id_tag;
  $scope.profilTag.texte = $scope.tagStyles[i].style ;
  $scope.profilTag.profil = lastDocId;

  $http.post('/ajouterProfilTag',$scope.profilTag) 
  .success(function(data){ 
    if (data=='err'){ 
      console.log("oops"); 
    }     
  });
};

我只得到数据库中的最后一个元素。它是否与异步调用有关？

Answer 1

$ http docs：

The $http service will not actually send the request until the next $digest() is executed.

可能发生的事情是$ scope.profilTag通过引用传递给$ http并且仅在$ digest之后发送。您可以在每次迭代时覆盖该引用，这就是您只留下最后一项的原因。

请注意，函数有范围，但for循环没有！

请改为尝试：

$scope.tagStyles.forEach(function(item){
  var profilTag = {
    tag: item.id_tag,
    texte: item.style,
    profil: lastDocId,
  };

  $http.post('/ajouterProfilTag',profilTag) 
  .success(function(data) { 
    if (data=='err'){ 
      console.log("oops"); 
    }
  });

});

Answer 2

您可能想要使用AngularJs promise API。

var promiseArray = [];

for (/*your loop statements*/) {
 promiseArray.push($http.post('/url', $scope.var));
}

$q.all(promiseArray).then(function(dataArray) {
    // Each element of dataArray corresponds to each result of http request.
});

请参阅$http service docs中的Usage-＆gt;返回部分，以了解通过dataArray参数返回的内容。

Answer 3

发生这种情况是因为请求是异步的。在所有迭代完成后发送实际请求。尝试发送像这样的params副本

$http.post('/ajouterProfilTag',angular.copy($scope.profilTag))

Angularjs循环$ http.post

3 个答案:

$ http docs：

请改为尝试：