Angular HttpPromise: sự khác biệt giữa các phương thức `thành công` /` error` và các đối số của` then`

Theo tài liệu của AngularJS , các cuộc gọi để $httptrả về như sau:

Returns một lời hứa đối tượng với các tiêu chuẩn sau đó phương pháp và hai http phương pháp cụ thể: thành công và lỗi . Các sau đó phương pháp nhận hai đối số một thành công và một lỗi callback sẽ được gọi với một đối tượng phản ứng. Các phương thức thành công và lỗi có một đối số duy nhất - một hàm sẽ được gọi khi yêu cầu thành công hoặc thất bại tương ứng. Các đối số được truyền vào các hàm này là biểu diễn bị phá hủy của đối tượng phản hồi được truyền vào phương thức then.

Ngoài thực tế là responseđối tượng bị phá hủy trong một trường hợp, tôi không nhận được sự khác biệt giữa

• các cuộc gọi lại thành công / lỗi được chuyển qua làm đối số của promise.then
• các cuộc gọi lại được chuyển qua làm đối số cho promise.success/ promise.errorphương thức của lời hứa

Có cái nào không? Điểm của hai cách khác nhau để vượt qua các cuộc gọi lại dường như giống hệt nhau là gì?

NB Câu trả lời này thực tế không chính xác; như được chỉ ra bởi một bình luận dưới đây, thành công () không trả lại lời hứa ban đầu. Tôi sẽ không thay đổi; và để nó cho OP chỉnh sửa.

Sự khác biệt chính giữa 2 là .then()cuộc gọi trả về một lời hứa (được giải quyết bằng giá trị được trả về từ cuộc gọi lại) trong khi .success()cách đăng ký gọi lại truyền thống hơn và không trả lại lời hứa.

Các cuộc gọi lại dựa trên Promise ( .then()) giúp dễ dàng xâu chuỗi các lời hứa (thực hiện cuộc gọi, giải thích kết quả và sau đó thực hiện một cuộc gọi khác, giải thích kết quả, thực hiện cuộc gọi khác, v.v.).

Các .success()phương pháp là một phương pháp thuận tiện sắp xếp hợp lý khi bạn không cần phải gọi chuỗi cũng không làm việc với các API lời hứa (ví dụ, trong định tuyến).

Nói ngắn gọn:

• .then() - toàn bộ sức mạnh của API hứa hẹn nhưng dài dòng hơn một chút
• .success() - không trả lại lời hứa nhưng cung cấp cú pháp thuận tiện hơn một chút

Có một số câu trả lời tốt ở đây rồi. Nhưng thật đáng để lái xe về nhà, sự khác biệt trong song song được cung cấp:

• success() trả lại lời hứa ban đầu
• then() trả lại một lời hứa mới

Sự khác biệt là then()thúc đẩy các hoạt động tuần tự, vì mỗi cuộc gọi trả lại một lời hứa mới.

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

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

success() điều khiển các hoạt động song song, vì các trình xử lý được kết nối theo cùng một lời hứa.

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

1. $http.get()
2. parFunc1(), parFunc2()song song

Một số ví dụ mã cho yêu cầu GET đơn giản. Có lẽ điều này giúp hiểu được sự khác biệt. Sử dụng 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
});

Sử dụng success/ error:

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

.then () có thể kết nối được và sẽ đợi .then () trước đó giải quyết.

.success () và .error () có thể bị xiềng xích, nhưng tất cả chúng sẽ bắn cùng một lúc (vì vậy không có nhiều điểm cho điều đó)

.success () và .error () chỉ tốt cho các cuộc gọi đơn giản (nhà sản xuất dễ dàng):

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

vì vậy bạn không cần phải gõ cái này:

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

Nhưng nói chung tôi xử lý tất cả các lỗi với .catch ():

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

Nếu bạn cần hỗ trợ <= IE8 thì hãy viết .catch () và .finally () như thế này (các phương thức dành riêng trong IE):

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

Ví dụ làm việc:

Đây là một cái gì đó tôi đã viết ở định dạng nhiều mã hơn để làm mới bộ nhớ của mình về cách tất cả diễn ra với các lỗi xử lý, v.v.

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

Chỉ cần hoàn thành, đây là một ví dụ mã cho thấy sự khác biệt:

thành công \ lỗi:

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

sau đó:

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

Thông báo chính thức: thành công và lỗi đã không được chấp nhận, vui lòng sử dụng phương pháp tiêu chuẩn sau đó thay thế.

Thông báo khấu hao: Các phương pháp hứa hẹn di sản $ http thành công và lỗi đã bị phản đối. Sử dụng tiêu chuẩn sau đó phương pháp thay thế. Nếu $ httpProvider.useLegacyPromiseExtensions được đặt thành false thì các phương thức này sẽ đưa ra lỗi $ http / legacy.

liên kết: https://code.angularjs.org/1.5.7/docs/api/ng/service/$http

ảnh chụp màn hình: xem ảnh chụp màn hình