javascript - 如果服务器尚未响应，如何停止执行 $interval 函数？

Question

让我澄清一下问题:

我的 Controller 中有一个函数，它使用服务发送 HTTP GET 请求来查看状态是否为“完成”。该函数每 5 秒运行一次。然而，即使还没有响应，这也会每 5 秒运行一次，而不会终止之前的请求。

如何确保如果 5 秒内没有响应，前一个请求将被终止？或者有更好的解决方案吗？

这是我的 $interval 函数:

self.$interval(function setInterval() {
    EngineService.getEngines().then(
      function getEngines(response) {
        self.enginesListFromDatabase = response;
        for (const item of self.enginesListFromDatabase) {
          if (item.status === 'done' && self.doneArray.indexOf(item.id) === -1) {
            self.doneArray.push(item.id);
          }
        }
      }
    );
  }, self.interval);

该服务有此 http 调用:

  getEngines() {
    return this.$http({
      method: 'GET',
      url: '/api/engines',
    }).then(
         function getResponse(res){
           return res.data;
         }
       );
  }

我尝试查看文档，但无法理解如何在这种情况下正确使用 $interval 或 $q。

Answer 1

您可以创建一个 $promise 并将其保存到 EngineService 以用于取消请求。

EngineService.canceler = $q.defer(); // $q is a service u need to inject to EngineService. this is just example that u should assign it to the service
getEngines() {
    return this.$http({
      method: 'GET',
      url: '/api/engines',
      timeout:EngineService.canceler
    }).then(
         function getResponse(res){
           return res.data;
         }
       );
  }

并取消最后一个请求:

self.$interval(function setInterval() {
    EngineService.canceler.resolve();
    EngineService.getEngines().then(
      function getEngines(response) {
        self.enginesListFromDatabase = response;
        for (const item of self.enginesListFromDatabase) {
          if (item.status === 'done' && self.doneArray.indexOf(item.id) === -1) {
            self.doneArray.push(item.id);
          }
        }
      }
    );
  }, self.interval);