如何刷新承诺链中的数据？

Question

在下面的代码中，我想要实现的是每 10 秒调用一次return $http.get(newurl_3); 并刷新最后一个响应中的数据。我在不同的地方尝试了 setInterval 但无法使其工作。

它实际上是一个包含 5 个步骤的 Promise 链，总共有 100 多行代码。不确定将整个事情放在 setInterval 中是否是一个好习惯。

$http.get(url).then(function(data) {
    // playing with data and returning a new promise
    return $http.get(newurl_1); 
}).then(function (data) {
    return $http.get(newurl_2); 
}).then(function (data) {
    return $http.get(newurl_3); 
}).then(function (data) {
    return $http.get(newurl_4); // this call only needs to be refreshed. 
}).then(function (data) {
    // creating data array for UI. 
    // needs to be refreshed every 10 second to fetch updated data. 
    $scope.UI_presentation_Array = data... 
})

Answer 1

首先，考虑你的promise链可以写成如下：

var promise = $http.get(url).then(function(data) {
    // playing with data and returning a new promise
    return $http.get(newurl_1); 
}).then(function (data) {
    return $http.get(newurl_2); 
});

promise.then(function (data) {
    return $http.get(newurl_3); // this call only needs to be refreshed. 
}).then(function (data) {
    // creating data array for UI. 
    // needs to be refreshed every 10 second to fetch updated data. 
    $scope.UI_presentation_Array = data... 
});

请注意，中断发生在需要进行刷新的步骤之前。所以现在，promise 是过程的静态部分，promise.then()... 是您要重复的部分。

现在将重复的部分包装在function refresh() {...} 中，并从您的setInterval 中调用refresh，完整提供：

var promise = $http.get(url).then(function(data) {
    // playing with data and returning a new promise
    return $http.get(newurl_1); 
}).then(function (data) {
    return $http.get(newurl_2); 
});

function refresh() {
    return promise.then(function (data) {
        return $http.get(newurl_3); // this call only needs to be refreshed. 
    }).then(function (data) {
        // creating data array for UI. 
        // needs to be refreshed every 10 second to fetch updated data. 
        $scope.UI_presentation_Array = data... 
    });
}

var intervalRef = setInterval(refresh, 10000);

这可能就足够了，因为 10 秒的间隔相当长。除非获取非常滞后，否则您不会遭受“重叠” - 即获取周期在前一个完成之前开始的地方。

不过，为了完全安全，您应该考虑不要从 setInterval 调用 refresh()，而是在前一个周期完成时加上延迟。

Answer 2

如果需要整个链来加载数据，那么您可能别无选择，每次都必须以相同的方式调用它

function load() {    
    $http.get(url).then(function(data) {
        // playing with data and returning a promise
        return $http.get(newurl); 
    }).then(function (data) {
        // creating data array for UI. 
        // needs to be refreshed every 10 second to fetch updated data. 
        $scope.UI_presentation_Array = data... 
    })
}
setInterval( load, 10000);