HttpPromise Angular: perbedaan antara metode `success` /` error` dan argumen `then`

Menurut AngularJS doc , panggilan untuk $httpmengembalikan yang berikut:

Mengembalikan objek janji dengan metode standar lalu dan dua metode spesifik http: sukses dan kesalahan . The kemudian Metode membutuhkan dua argumen yang sukses dan error callback yang akan dipanggil dengan objek respon. Metode keberhasilan dan kesalahan mengambil argumen tunggal - fungsi yang akan dipanggil ketika permintaan berhasil atau gagal masing-masing. Argumen yang diteruskan ke fungsi-fungsi ini adalah representasi destruktif dari objek respons yang diteruskan ke metode saat itu.

Selain dari fakta bahwa responseobjek dirusak dalam satu kasus, saya tidak mendapatkan perbedaan di antara keduanya

• keberhasilan / kesalahan callback disahkan untuk diteruskan sebagai argumen promise.then
• callback disahkan sebagai argumen untuk promise.success/ promise.errormetode janji

Apakah ada? Apa gunanya dua cara berbeda ini untuk menyampaikan panggilan balik yang tampaknya identik?

NB Jawaban ini secara faktual salah; seperti yang ditunjukkan oleh komentar di bawah ini, sukses () memang mengembalikan janji semula. Saya tidak akan berubah; dan serahkan ke OP untuk mengedit.

Perbedaan utama antara 2 adalah bahwa .then()panggilan mengembalikan janji (diselesaikan dengan nilai yang dikembalikan dari panggilan balik) sementara .success()cara yang lebih tradisional mendaftarkan panggilan balik dan tidak mengembalikan janji.

Callback berbasis janji ( .then()) memudahkan untuk mengaitkan janji (melakukan panggilan, menginterpretasikan hasil, lalu melakukan panggilan lain, menginterpretasikan hasil, melakukan panggilan lain, dll.).

The .success()Metode adalah, metode kemudahan efisien ketika Anda tidak perlu panggilan rantai atau bekerja dengan API janji (misalnya, dalam routing).

Pendeknya:

• .then() - kekuatan penuh API janji tetapi sedikit lebih bertele-tele
• .success() - tidak mengembalikan janji tetapi menawarkan sintaks yang sedikit lebih ramah

Sudah ada beberapa jawaban bagus di sini. Tapi ada baiknya untuk membawa pulang perbedaan dalam paralelisme yang ditawarkan:

• success() mengembalikan janji semula
• then() mengembalikan janji baru

Perbedaannya adalah then()drive operasi berurutan, karena setiap panggilan mengembalikan janji baru.

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

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

success() mendorong operasi paralel, karena penangan dirantai dengan janji yang sama.

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

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

Beberapa contoh kode untuk permintaan GET sederhana. Mungkin ini membantu memahami perbedaannya. Menggunakan 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
});

Menggunakan success/ error:

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

.then () dapat diputus-putus dan akan menunggu sebelumnya .then () diselesaikan.

.success () dan .error () dapat dirantai, tetapi mereka semua akan menyala sekaligus (jadi tidak banyak yang menunjukkan hal itu)

.success () dan .error () hanya bagus untuk panggilan sederhana (pembuat mudah):

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

jadi Anda tidak perlu mengetik ini:

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

Tetapi secara umum saya menangani semua kesalahan dengan .catch ():

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

Jika Anda perlu mendukung <= IE8 kemudian tulis .catch () dan .finally () seperti ini (metode yang dicadangkan di IE):

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

Contoh kerja:

Ini adalah sesuatu yang saya tulis dalam format yang lebih kode untuk menyegarkan ingatan saya tentang bagaimana semuanya berjalan dengan penanganan kesalahan dll

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

Hanya untuk penyelesaian, berikut adalah contoh kode yang menunjukkan perbedaan:

sukses \ kesalahan:

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

kemudian:

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

Pemberitahuan Resmi: keberhasilan dan kesalahan telah ditinggalkan, silakan gunakan metode standar maka sebagai gantinya.

Penghentian Pemberitahuan: keberhasilan dan kesalahan metode janji warisan $ http telah ditinggalkan. Gunakan metode standar maka sebagai gantinya. Jika $ httpProvider.useLegacyPromiseExtensions disetel ke false maka metode ini akan menghasilkan $ http / error lama.

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

tangkapan layar: melihat tangkapan layar