Angular HttpPromise: Unterschied zwischen den Methoden "success" / "error" und den Argumenten von "then"

Aufrufe laut AngularJS doc , $httpum Folgendes zurückzugeben:

Gibt ein Versprechen- Objekt mit der Standard- Then- Methode und zwei http-spezifischen Methoden zurück: Erfolg und Fehler . Die then- Methode verwendet zwei Argumente, einen erfolgreichen und einen fehlerhaften Rückruf, die mit einem Antwortobjekt aufgerufen werden. Die Erfolgs- und Fehlermethoden verwenden ein einziges Argument - eine Funktion, die aufgerufen wird, wenn die Anforderung erfolgreich ist oder fehlschlägt. Die an diese Funktionen übergebenen Argumente sind eine destrukturierte Darstellung des an die then-Methode übergebenen Antwortobjekts.

Abgesehen von der Tatsache, dass das responseObjekt in einem Fall zerstört ist, verstehe ich den Unterschied nicht

• Die übergebenen Erfolgs- / Fehlerrückrufe wurden als Argumente von übergeben promise.then
• Die Rückrufe wurden als Argumente für die promise.success/ promise.errorMethoden des Versprechens übergeben

Gibt es irgendwelche? Was ist der Sinn dieser beiden unterschiedlichen Möglichkeiten, scheinbar identische Rückrufe weiterzuleiten?

NB Diese Antwort ist sachlich falsch. Wie in einem Kommentar unten hervorgehoben, gibt success () das ursprüngliche Versprechen zurück. Ich werde mich nicht ändern; und überlassen Sie es OP zum Bearbeiten.

Der Hauptunterschied zwischen den beiden besteht darin, dass der .then()Anruf ein Versprechen zurückgibt (gelöst mit einem Wert, der von einem Rückruf zurückgegeben wird), während dies .success()eine traditionellere Methode zum Registrieren von Rückrufen ist und kein Versprechen zurückgibt .

Versprechensbasierte Rückrufe ( .then()) erleichtern das Verketten von Versprechungen (einen Anruf tätigen, Ergebnisse interpretieren und dann einen weiteren Anruf tätigen, Ergebnisse interpretieren, einen weiteren Anruf tätigen usw.).

Die .success()Methode ist eine optimierte, bequeme Methode, wenn Sie weder einen Kettenaufruf ausführen noch mit der Versprechen-API arbeiten müssen (z. B. beim Routing).

Zusamenfassend:

• .then() - volle Leistung der Versprechen-API, aber etwas ausführlicher
• .success() - gibt kein Versprechen zurück, bietet aber eine etwas praktischere Syntax

Hier gibt es bereits einige gute Antworten. Es lohnt sich jedoch, den Unterschied in der angebotenen Parallelität nach Hause zu fahren:

• success() gibt das ursprüngliche Versprechen zurück
• then() gibt ein neues Versprechen zurück

Der Unterschied besteht darin then(), dass sequentielle Vorgänge ausgeführt werden, da jeder Anruf ein neues Versprechen zurückgibt.

$http.get(/*...*/).
  then(function seqFunc1(response){/*...*/}).
  then(function seqFunc2(response){/*...*/})

1. $http.get()
2. seqFunc1()
3. seqFunc2()

success() treibt parallele Operationen an, da Handler nach dem gleichen Versprechen verkettet sind.

$http(/*...*/).
  success(function parFunc1(data){/*...*/}).
  success(function parFunc2(data){/*...*/})

1. $http.get()
2. parFunc1(), parFunc2()In parallelen

Einige Codebeispiele für einfache GET-Anforderungen. Vielleicht hilft dies, den Unterschied zu verstehen. Verwenden von then:

$http.get('/someURL').then(function(response) {
    var data = response.data,
        status = response.status,
        header = response.header,
        config = response.config;
    // success handler
}, function(response) {
    var data = response.data,
        status = response.status,
        header = response.header,
        config = response.config;
    // error handler
});

Verwenden von success/ error:

$http.get('/someURL').success(function(data, status, header, config) {
    // success handler
}).error(function(data, status, header, config) {
    // error handler
});

.then () ist verkettbar und wartet auf die Auflösung der vorherigen .then ().

.success () und .error () können verkettet werden, aber sie werden alle auf einmal ausgelöst (also nicht viel darauf hinweisen)

.success () und .error () eignen sich nur für einfache Aufrufe (Easy Maker):

$http.post('/getUser').success(function(user){ 
   ... 
})

Sie müssen dies also nicht eingeben:

$http.post('getUser').then(function(response){
  var user = response.data;
})

Aber im Allgemeinen behandle ich alle Fehler mit .catch ():

$http.get(...)
    .then(function(response){ 
      // successHandler
      // do some stuff
      return $http.get('/somethingelse') // get more data
    })
    .then(anotherSuccessHandler)
    .catch(errorHandler)

Wenn Sie <= IE8 unterstützen müssen, schreiben Sie Ihre .catch () und .finally () wie folgt (reservierte Methoden im IE):

    .then(successHandler)
    ['catch'](errorHandler)

Arbeitsbeispiele:

Hier ist etwas, das ich in einem Code-Format geschrieben habe, um mein Gedächtnis darüber aufzufrischen, wie sich alles mit der Behandlung von Fehlern usw. verhält:

http://jsfiddle.net/nalberg/v95tekz2/

Zur Vervollständigung hier ein Codebeispiel, das die Unterschiede aufzeigt:

Erfolg \ Fehler:

$http.get('/someURL')
.success(function(data, status, header, config) {
    // success handler
})
.error(function(data, status, header, config) {
    // error handler
});

dann:

$http.get('/someURL')
.then(function(response) {
    // success handler
}, function(response) {
    // error handler
})
.then(function(response) {
    // success handler
}, function(response) {
    // error handler
})
.then(function(response) {
    // success handler
}, function(response) {
    // error handler
}).

Offizieller Hinweis: Erfolg und Fehler sind veraltet. Verwenden Sie stattdessen die Standard-Then-Methode.

Verfallshinweis: Der Erfolg und Fehler der $ http-Legacy-Versprechungsmethoden ist veraltet. Verwenden Sie stattdessen die Standard-Then-Methode. Wenn $ httpProvider.useLegacyPromiseExtensions auf false gesetzt ist, lösen diese Methoden einen $ http / Legacy-Fehler aus.

Link: https://code.angularjs.org/1.5.7/docs/api/ng/service/$http

Screenshot: Screenshot anzeigen