Question

最近我一直在使用angularJS进行Long轮询。我有这个代码在过去工作：

function longPulling(){

$.ajax({
    type: "GET", 
    url: "someScript.php", 

    async: true, 
    cache: false, 
    timeout:50000, 

    success: function(data){ 
        appendMessage("new", data); 
        setTimeout(
            longPulling, 
            1000 
        );
    },
    error: function(XMLHttpRequest, textStatus, errorThrown){
        appendMessage("error", textStatus + " (" + errorThrown + ")");
        setTimeout(
            longPulling, 
            15000); 
    }
});
};

$(document).ready(function(){
   longPulling();
});

当我使用一些PHP脚本时，这工作正常。接下来我想让它以角度工作，我创建了以下内容：

angular.module("WIMT").controller('overviewController', function ($scope,$interval,$http){

$scope.longPolling = function(){
    $http({
        method: 'GET',
        url: '/someUrl'
    }).then(function successCallback(response) {
        $interval(function(){
            $scope.longPolling();
        },5000)
    }, function errorCallback(response) {
        $interval(function(){
            $scope.longPolling();
        },5000)
    });
};

$scope.longPolling();

}

出于测试目的，我没有包含网址并检查控制台是否有404错误。我使用$ interval来设置5秒的间隔，问题是它创建了多个运行间隔的线程（看起来像它，如果我错了，请纠正我）。所以我浏览了一些StackOverflow主题并尝试将其中一个解决方案应用到我的代码中，如下所示：

angular.module("WIMT").controller('overviewController', function ($scope,$interval,$http){
var promise;

$scope.start = function() {
    $scope.stop();

    promise = $interval( $scope.longPolling(), 5000);
};

$scope.stop = function() {
    $interval.cancel(promise);
};

$scope.longPolling = function(){
    $http({
        method: 'GET',
        url: '/someUrl'
    }).then(function successCallback(response) {
        $scope.start();
    }, function errorCallback(response) {
        $scope.start();
    });
};

$scope.start();

}

这个问题的关键是间隔不起作用，看起来它只是一个常规的递归方法，每秒运行数千次。我需要找到一个解决方案，我可以在没有重复线程的情况下对某个URL执行长轮询。我怎么能这样做？

Answer 1

省略括号，你没事：

promise = $interval( $scope.longPolling, 5000);

括号表示＆＃34;按照方式调用此功能＆＃34;。 $interval期望的是回调，而不是函数调用的结果。

角度长的轮询问题

1 个答案: