Angular HttpPromise: разница между методами `success` /` error` и аргументами `then`

NB Этот ответ фактически неверен; как указано в комментарии ниже, success () возвращает исходное обещание. Я не буду изменять; и оставьте его для редактирования OP.

Основное различие между 2 состоит в том, что вызов .then() возвращает обещание (разрешенное значением, возвращаемым из обратного вызова), в то время как .success() является более традиционным способом регистрации обратных вызовов и не возвращает обещание.

Обратные вызовы на основе обещаний (.then()) упрощают цепочку обещаний (выполнить вызов, интерпретировать результаты и затем выполнить еще один вызов, интерпретировать результаты, выполнить еще один вызов и т. Д.).

Метод .success() - это упрощенный и удобный метод, когда вам не нужно связывать вызовы или работать с API обещаний (например, при маршрутизации).

Суммируя:

• .then() - полная мощь API обещаний, но немного более подробный
• .success() - не возвращает обещание, но предлагает немного более удобный синтаксис

Здесь уже есть несколько хороших ответов. Но стоит обратить внимание на разницу в предлагаемом параллелизме:

• success() возвращает исходное обещание
• then() возвращает новое обещание

Разница в том, что then() управляет последовательными операциями, поскольку каждый вызов возвращает новое обещание.

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

Использование _3 _ / _ 4_:

$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 () удобны для простых вызовов (easy makers):

$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 устарели. Вместо этого используйте стандартный метод then. Если для $ httpProvider.useLegacyPromiseExtensions установлено значение false, эти методы будут вызывать ошибку $ http / legacy.

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

снимок экрана: просмотреть снимок экрана