javascript - 为什么 setTimeout 阻止递归 $http.get 调用

Question

我已经在 SO 上查看过，并在 Google 上搜索过，但我正在努力寻找解决方案。

我有以下函数，当我不使用 setTimeout() 函数并仅调用我的轮询函数时，它会按预期工作。但是，当我尝试将轮询函数包装在 setTimeout() 中时，它会工作一次，然后除非刷新页面，否则不会再次调用，我已经在 GET 请求中包含了一个时间戳以防止使用缓存的响应，所以我认为这不是问题。我也检查过，这种行为发生在 IE9、Firefox 和 Chrome 中。

$scope.progressPolling = function () {
    var time = new Date().toString();
    console.log("time :" + time);

    $http.get('pollprogress?time=' + time + '&id=' + $scope.jobID)
        .success(function (data, status, headers, config) {
            var percent = data.percentage;
            if (parseInt($scope.progress) < 100) {
                if (percent <= 100) {
                    $scope.progress = percent;
                }
                setTimeout(function() {
                    if (parseInt($scope.progress) < 100) {
                        temp = parseInt($scope.progress) + 1;
                        $scope.progressPolling();
                    };
                }, 5000);
            }
        })
        .error(function (data, status, headers, config) {
            console.log("Error updating Progress: " + data);
        });
}

Answer 1

尝试将其更改为$timeout

$scope.progressPolling = function () {
var time = new Date().toString();
console.log("time :" + time);

var stop;

$http.get('pollprogress?time=' + time + '&id=' + $scope.jobID)
    .success(function (data, status, headers, config) {
        var percent = data.percentage;
        if (parseInt($scope.progress) < 100) {
            if (percent <= 100) {
                $scope.progress = percent;
            }
           stop = $timeout(function() {
                if (parseInt($scope.progress) < 100) {
                    temp = parseInt($scope.progress) + 1;
                    $scope.progressPolling();
                }
                   else{
                     $timeout.cancel(stop);
                   }
            }, 5000);
        }
    })
    .error(function (data, status, headers, config) {
        console.log("Error updating Progress: " + data);
    });
}

作为旁注，创建工厂:

 myModule.factory('delay', ['$q', '$timeout', function ($q, $timeout) {
 return {
    start: function () {
        var deferred = $q.defer();
        $timeout(deferred.resolve, 5000);
        return deferred.promise;
      }
   };
 }]);

之后你可以这样调用它:

$q.all([delay.start(), /*your method */]);`