Açısal HttpPromise: "başarı" / "hata" yöntemleri ile `` then '' argümanları arasındaki fark

AngularJS belgesine göre $http, aşağıdakileri döndürmeye çağırır :

Standard then yöntemi ve iki http'ye özgü yöntem ile bir promise nesnesi döndürür : başarı ve hata . Daha sonra yöntem, iki bağımsız değişken bir alan başarılı bir hata yanıt nesnesi ile çağrılır geri arama. Başarı ve hata isteği başarılı veya sırasıyla başarısız olduğunda çağrılacak bir işlev - yöntemler tek argüman alır. Bu işlevlere iletilen argümanlar, then yöntemine iletilen yanıt nesnesinin tahrip edilmiş temsilidir.

responseNesnenin bir durumda tahrip olması gerçeğinin yanı sıra,

• argümanları olarak iletilmek üzere iletilen başarı / hata geri çağrıları promise.then
• sözün promise.success/ promise.erroryöntemleri için argümanlar olarak iletilen geri çağrılar

Var mı? Görünüşte aynı geri çağrıları iletmenin bu iki farklı yolunun anlamı nedir?

Not: Bu cevap aslında yanlış; aşağıdaki bir yorumda belirtildiği gibi, success () orijinal vaadi döndürür. Değişmeyeceğim; ve düzenlemek için OP'ye bırakın.

2 arasındaki en büyük fark, .then()çağrının bir geri arama .success()kaydetmenin daha geleneksel bir yolu olduğu ve geri arama kaydetmenin daha geleneksel bir yolu olduğu ( bir geri aramanın döndürdüğü bir değerle çözülmüş) bir söz vermesidir.

Vaat tabanlı geri aramalar ( .then()) vaatlerin zincirlenmesini kolaylaştırır (bir çağrı yapın, sonuçları yorumlayın ve sonra başka bir çağrı yapın, sonuçları yorumlayın, başka bir çağrı yapın vb.).

Bu .success()yöntem, çağrıyı zincirlemenize veya vaat API'sı ile çalışmanıza (örneğin, yönlendirme sırasında) ihtiyaç duymadığınızda akıcı, kullanışlı bir yöntemdir.

Kısacası:

• .then() - söz API'sının tam gücü ancak biraz daha ayrıntılı
• .success() - bir söz vermez, ancak biraz daha uygun sözdizimi sunar

Burada zaten bazı iyi cevaplar var. Ancak sunulan paralellikteki farkı eve götürmek faydalı olacaktır:

• success() orijinal vaadi döndürür
• then() yeni bir söz veriyor

then()Her çağrı yeni bir vaat döndürdüğünden, fark sıralı işlemleri yönlendirir.

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

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

success() işleyiciler aynı vaatle zincirlendiğinden paralel operasyonları yönlendirir.

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

1. $http.get()
2. parFunc1(), parFunc2()paralel olarak

Basit GET isteği için bazı kod örnekleri. Belki de bu farkın anlaşılmasına yardımcı olur. Kullanma 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
});

success/ Kullanarak error:

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

.then () zincirlenebilir ve önceki .then () öğesinin çözülmesini bekleyecektir.

.success () ve .error () zincirlenebilir, ancak hepsi bir kerede ateş edecekler (buna çok fazla işaret etmiyor)

.success () ve .error () basit çağrılar (kolay yapımcılar) için iyidir:

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

bu yüzden bunu yazmak zorunda değilsiniz:

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

Ama genellikle i .catch () ile tüm hataları işleyici:

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

<= IE8'i desteklemeniz gerekiyorsa .catch () ve .finally () yönteminizi şöyle yazın (IE'de ayrılmış yöntemler):

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

Çalışma Örnekleri:

İşte daha fazla codey formatında yazdığım bir şey var, hafızamı her şeyin nasıl ele alınacağıyla nasıl oynadığına dair yenilemek vb.

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

Sadece tamamlama için, farkları gösteren bir kod örneği:

başarı \ hatası:

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

sonra:

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

Resmi Uyarı: başarı ve hata onaylanmadı, lütfen bunun yerine standardı sonra yöntemi kullanın.

Kullanımdan Kaldırılma Bildirimi: $ http eski söz verme yöntemlerinin başarısı ve hatası kullanımdan kaldırıldı. Bunun yerine standard ve sonra yöntemini kullanın. $ HttpProvider.useLegacyPromiseExtensions öğesi false olarak ayarlanırsa, bu yöntemler $ http / legacy hatası verir.

bağlantı: https://code.angularjs.org/1.5.7/docs/api/ng/service/$http

ekran görüntüsü: ekran görüntüsünü göster