Angular HttpPromise: różnica między metodami „sukces” / „błąd” a argumentami argumentów „then”

Zgodnie z dokumentem AngularJS wezwania do $httpzwrotu następujących elementów:

Zwraca obiekt obietnicy ze standardową metodą then i dwiema metodami specyficznymi dla http: sukces i błąd . Metoda then przyjmuje dwa argumenty jako sukces i wywołanie zwrotne błędu, które zostanie wywołane z obiektem odpowiedzi. Metody sukcesu i błędu pobierają jeden argument - funkcję, która zostanie wywołana, gdy żądanie zakończy się sukcesem lub niepowodzeniem. Argumenty przekazane do tych funkcji są zniszczoną reprezentacją obiektu odpowiedzi przekazanego do metody then.

Pomijając fakt, że responseobiekt jest zniszczony w jednym przypadku, nie widzę różnicy między

• powodzenie / błąd wywołania zwrotne przekazane do przekazania jako argumenty programu promise.then
• wywołania zwrotne przekazane jako argumenty metod promise.success/ promise.errorobietnicy

Czy jest jakiś? Jaki jest sens tych dwóch różnych sposobów przekazywania pozornie identycznych wywołań zwrotnych?

Uwaga: ta odpowiedź jest nieprawidłowa; jak wskazano w komentarzu poniżej, success () zwraca pierwotną obietnicę. Nie zmienię się; i pozostaw to OP do edycji.

Główną różnicą między 2 jest to, że .then()call zwraca obietnicę (rozwiązaną z wartością zwróconą z callback), podczas gdy .success()jest bardziej tradycyjnym sposobem rejestrowania callbacków i nie zwraca obietnicy.

Oparte na obietnicach wywołania zwrotne ( .then()) ułatwiają łączenie obietnic (wykonaj wywołanie, zinterpretuj wyniki, a następnie wykonaj kolejne wywołanie, zinterpretuj wyniki, wykonaj jeszcze jedno wywołanie itp.).

Ta .success()metoda jest usprawnioną, wygodną metodą, gdy nie musisz łączyć połączeń łańcuchowych ani pracować z obiecującym interfejsem API (na przykład w routingu).

W skrócie:

• .then() - pełna moc obiecującego API, ale nieco bardziej szczegółowe
• .success() - nie zwraca obietnicy, ale oferuje nieco wygodniejszą składnię

Jest tu już kilka dobrych odpowiedzi. Ale warto wyjaśnić różnicę w oferowanej równoległości:

• success() zwraca pierwotną obietnicę
• then() zwraca nową obietnicę

Różnica polega na then()sterowaniu sekwencyjnymi operacjami, ponieważ każde wywołanie zwraca nową obietnicę.

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

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

success() steruje operacjami równoległymi, ponieważ programy obsługi są połączone łańcuchami według tej samej obietnicy.

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

1. $http.get()
2. parFunc1(), parFunc2()Równolegle

Kilka przykładów kodu dla prostego żądania GET. Może to pomoże zrozumieć różnicę. Używając 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
});

Używanie success/ error:

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

.then () można łączyć w łańcuch i będzie czekać na rozwiązanie metody previousthen ().

.success () i .error () mogą być połączone łańcuchami, ale wszystkie będą odpalać naraz (więc niewiele na to wskazuje)

.success () i .error () są po prostu przydatne w przypadku prostych wywołań (łatwe twórcy):

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

więc nie musisz wpisywać tego:

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

Ale generalnie obsługuję wszystkie błędy za pomocą .catch ():

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

Jeśli potrzebujesz obsługiwać <= IE8, napisz swoje .catch () i .finally () w ten sposób (metody zastrzeżone w IE):

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

Przykłady robocze:

Oto coś, co napisałem w bardziej kodowym formacie, aby odświeżyć pamięć, jak to wszystko wygląda z obsługą błędów itp:

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

Dla uzupełnienia, oto przykład kodu wskazujący różnice:

sukces \ błąd:

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

następnie:

$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
}).

Oficjalna uwaga: sukces i błąd zostały wycofane. Zamiast tego użyj standardowej metody then.

Powiadomienie o wycofaniu: Sukces i błąd starszych metod obietnicy $ http zostały wycofane. Zamiast tego użyj metody standard then. Jeśli $ httpProvider.useLegacyPromiseExtensions ma wartość false, te metody będą zgłaszać błąd $ http / legacy.

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

zrzut ekranu: wyświetl zrzut ekranu