Angular HttpPromise：`success` /`error`方法和`then`的参数之间的区别

根据AngularJS doc，调用$http返回以下内容：

返回带有标准then方法和两个http特定方法的promise对象：success和error。所述然后方法有两个参数一成功以及错误回调将与响应对象被调用。的成功和错误的方法采取一个参数-一当请求成功或失败分别将被调用的函数。传递给这些函数的参数是传递给then方法的响应对象的结构化表示。

除了response在一种情况下对象被破坏的事实之外，我没有得到

• 成功/错误回调作为参数传递 promise.then
• 回调作为promise 的promise.success/ promise.error方法的参数传递

有没有？传递看似相同的回调的这两种不同方式的意义何在？

注意：这个答案实际上是不正确的。正如下面的评论所指出的那样，success（）确实返回了原始的诺言。 我不会改变 并留给OP进行编辑。

两者之间的主要区别在于，.then()调用返回一个promise（由回调返回的值解决），而.success()注册回调是一种更传统的方式，并且不返回promise。

基于承诺的回调（.then()）可轻松实现承诺链（进行一次呼叫，解释结果，然后再进行另一次呼叫，解释结果，再进行另一次呼叫等）。

.success()当您不需要链接调用或不需要使用promise API（例如，在路由中）时，该方法是一种简化的便捷方法。

简而言之：

• .then() -promise API的全部功能，但更详细
• .success() -不返回承诺，但提供更方便的语法

这里已经有一些不错的答案。但是值得一提的是，提供的并行性有所不同：

• success() 返回原始承诺
• then() 返回新的承诺

区别在于then()驱动顺序操作，因为每个调用都返回一个新的Promise。

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

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

success() 驱动程序并行运行，因为处理程序按相同的承诺进行链接。

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

1. $http.get()
2. parFunc1()，parFunc2()并行

一些简单的GET请求的代码示例。也许这有助于理解差异。使用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/ error：

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

.then（）是可链接的，将等待先前的.then（）解析。

.success（）和.error（）可以链接在一起，但是它们都将立即触发（因此没有太多意义）

.success（）和.error（）对于简单的调用（简单的创建者）非常有用：

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

因此您不必输入以下内容：

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

但通常我使用.catch（）处理所有错误：

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

如果需要支持<= IE8，则可以这样编写.catch（）和.finally（）（在IE中保留方法）：

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

工作示例：

这是我以更具编码性的格式编写的内容，以刷新我的记忆，了解如何处理错误等：

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

仅出于完成目的，这是一个指示差异的代码示例：

成功\错误：

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

然后：

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

官方通知：不建议使用成功和错误，请改用标准then方法。

弃用通知：不推荐使用$ http旧式的Promise方法成功和错误。请改用标准然后方法。如果$ httpProvider.useLegacyPromiseExtensions设置为false，则这些方法将引发$ http / legacy错误。

链接：https：//code.angularjs.org/1.5.7/docs/api/ng/service/$http

屏幕截图：查看屏幕截图