Chaining Ajax ruft AngularJs auf

Ich würde gerne mehrere Ajax-Aufrufe in einer Kette. Aber ich möchte auch massage die Daten nach jedem Aufruf, bevor Sie den nächsten Anruf. Am Ende, wenn Alle Anrufe erfolgreich sind, möchte ich einige andere Codes.

Bin ich mit dem Winkel $http-service für meine Ajax-calls und möchte bleiben.

Ist es möglich?

InformationsquelleAutor der Frage Ketan | 2013-04-29

  1. 52

    Ja, das ist in der Regel sehr elegant durch AngularJS seit seiner $http service ist rund um die PromiseAPI. Im Grunde, Anrufe zu $http Methoden zurück, ein Versprechen, und Sie können die Kette verspricht sehr leicht über die then Methode. Hier ist ein Beispiel:

    $http.get('http://host.com/first')
   .then(function(result){
    //post-process results and return
    return myPostProcess1(result.data); 
   })
   .then(function(resultOfPostProcessing){
    return $http.get('http://host.com/second'); 
   })
   .then(function(result){
    //post-process results of the second call and return
    return myPostProcess2(result.data); 
   })
   .then(function(result){
      //do something where the last call finished
   });

    Könnte man auch kombinieren, post-processing und die nächsten $http Funktion als gut, es hängt alles davon ab, wer an den Ergebnissen interessiert.

    $http.get('http://host.com/first')
   .then(function(result){
    //post-process results and return promise from the next call
    myPostProcess1(result.data); 
    return $http.get('http://host.com/second'); 
   })
   .then(function(secondCallResult){
     //do something where the second (and the last) call finished
   });

    InformationsquelleAutor der Antwort pkozlowski.opensource

  2. 8

    Die akzeptierte Antwort ist gut, aber es erklärt nicht die catch-und finally-Methoden, die wirklich noch das Sahnehäubchen auf dem Kuchen. Diese große Artikel auf verspricht mich gerade. Hier einige Beispiel-code, basierend auf diesem Artikel:

    $scope.spinner.start();

$http.get('/whatever/123456')
  .then(function(response) {
     $scope.object1 = response.data;
     return $http.get('/something_else/?' + $scope.object1.property1);
  })
  .then(function(response) {
     $scope.object2 = response.data;
     if ($scope.object2.property88 == "a bad value")
        throw "Oh no! Something failed!";
     return $http.get('/a_third_thing/654321');
  })
  .then(function(response) {
     $scope.object3 = response.data;
  })
  .catch(function(error) {
     //this catches errors from the $http calls as well as from the explicit throw
     console.log("An error occured: " + error);
  })
  .finally(function() {
     $scope.spinner.stop();
  });

    InformationsquelleAutor der Antwort Brett Donald

Schreibe einen Kommentar