Wie kann ich die Ausführung einer $ interval-Funktion stoppen, wenn der Server noch nicht geantwortet hat?

Question

Lassen Sie mich die Frage klären:

Ich habe eine Funktion in meiner Steuerung, die einen Service verwendet, um eine HTTP-GET-Anfrage zu senden, um zu sehen, ob der Status "erledigt" ist. Diese Funktion wird alle 5 Sekunden ausgeführt. Dies würde jedoch auch alle 5 Sekunden ausgeführt werden, selbst wenn noch keine Antwort vorliegt, ohne die vorherige Anforderung zu löschen.

Wie kann ich sicherstellen, dass innerhalb von 5 Sekunden keine Antwort erfolgt, wenn die vorherige Anforderung beendet wird? Oder gibt es dafür eine bessere Lösung?

Hier ist mein $ Intervallfunktion:

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); 

Der Dienst hat diese http Aufruf:

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

Ich habe versucht, in die Dokumente suchen, konnte aber keinen Sinn machen, wie $ Intervall zu verwenden richtig für diesen Fall oder $ q.

Answer 1

In Bezug auf Ihre Annullierung der Anfrage Ansatz - Ich denke, es wäre viel einfacher, eine Variable in Ihrem Controller (oder Service) zu haben, die den Done/Rückgängig-Status hält. Auf diese Weise in jeder Funktion in dem then(..) Abschnitt können Sie fragen:

if (!self.done) { 
    ... 
} 

Und dann bekommen, falls auf, die relevant ist. Andernfalls würden die Antworten aller Anfragen fehlschlagen, wenn nichts passieren würde und nichts außer Kraft gesetzt wird.

um zukünftige Anfragen absagen -

Sie können von $interval.cancel Methode machen und Ihr Intervall abzubrechen, wenn Sie Ihre Antwort, wenn es darum.

var intervalFunc = $interval(function() { 
     ... 
     if (!self.done && gotMyWay) { 
      $interval.cancel(intervalFunc); 
     } 
    }, self.interval); 

Fiddle Demonstration der Aufhebung Mechanismus.

Answer 2

Sie können ein $ Versprechen erstellen und es in EngineService zum Abbrechen von Anfragen speichern.

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; 
     } 
     ); 
    } 

und brechen Sie die letzte Anfrage:

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);