javascript - ajax 调用/Angular 中的嵌套循环

Question

我正在尝试循环一个变量，搜索 ID，然后进行 ajax 调用以获取成功函数中不同 ID 的详细内容我尝试循环接收的内容并获取电子邮件。

它正在工作，但我在 $scope.subContactmail 中收到了两次第一封电子邮件。我认为循环有问题，但我不明白。整个晚上都在试图弄清楚，不幸的是没有任何想法。这个想法应该是，如果第一个循环完成，它将从第二个循环开始。但目前第一个循环也会经过第二个循环。

也许你们的专业人士可以帮助我解决这个问题。

期待您的帮助!

这是我的 Angular 应用程序文件的特定部分:

//find all contract relations id's from customer
      $scope.contactrelation = function (input) {
      $http.post('http://localhost/mamiexpress/mamiAPI/includes/php/searchContactsRelation.php', input).
          success(function(data, status, headers, config) {
          $scope.subContactDetails =  [];
          $scope.subContactmail =  [];
          $scope.subContactId = data;
          console.log($scope.subContactId);

              //GET ALL the subcontact ID's from the selected item
                var i=0;
                var subContactIdlenght = $scope.subContactId.length;
                while  (i < subContactIdlenght) {
                console.log($scope.subContactId[i].contact_sub_id);
                var number = $scope.subContactId[i].contact_sub_id;
                i = i + 1;

              //Send the ID to the API and get the user Details
                $http.post('http://localhost/mamiexpress/mamiAPI/includes/php/searchContactswithID.php', number).
                    success(function(data, status, headers, config) {
                        $scope.subContactDetails.push(data); // store it in subContactDetails
                        console.log($scope.subContactDetails);


                       //HERE COULD BE THE PROBLEM!!
                       // I want this loop to start when the first loop is finished but i have to run this in this success function.
                       // At the moment i get the first email twice!

                       //Loop trough ContactDetails and get the emails.   
                       if (i == subContactIdlenght){ 
                           var subContactDetailslength = $scope.subContactDetails.length;
                              for(var p=0; p < subContactDetailslength; p++) {
                              console.log($scope.subContactDetails[p].mail);
                              var number = $scope.subContactDetails[p].mail;
                              $scope.subContactmail.push(number);
                              };   
                        };

                    }).
                    error(function(data, status, headers, config) {
                    $scope.errormessage = data;
                    console.log(data);
                    });

                 };//ENDWHILE


        console.log(data);
        }).
        error(function(data, status, headers, config) {
         $scope.errormessage = data;
          console.log(data);
        });

Answer 1

你有2个解决方案

使用 Promise API(推荐):

类似的事情

var wheatherPromise = $http.get(...);
var timePromise = $http.get(...);

var combinedPromise = $q.all({
    wheather: wheatherPromise,
    time: timePromise
})

combinedPromise.then(function(responses) {
    console.log('the wheather is ', responses.wheather.data);
    console.log('the time is ', responses.time.data);
});

<小时/>

或者

只需执行以下操作:

• 在单独的函数中发出 $http 请求或(AJS 服务是推荐)。
• 根据您的列表在 for 循环中调用该函数
• 声明作用域变量在函数内保存一个空数组
• 将响应对象推送到数组中

避免在 for 循环中定义 $http.get，这会导致意外行为