Обработка ошибок в AngularJS http get then construct

Question

Как я могу обработать ошибку HTTP, например. 500, при использовании AngularJS «http get then» построить (обещает)?

$http.get(url).then(
    function(response) { 
     console.log('get',response) 
    } 
) 

Проблема в том, что для любого ответа HTTP не 200, внутренняя функция не вызывается.

Answer 1

Вам нужно добавить дополнительный параметр:

$http.get(url).then(
    function(response) { 
     console.log('get',response) 
    }, 
    function(data) { 
     // Handle error here 
    }) 

Answer 2

http://docs.angularjs.org/api/ng.$http

$http.get(url).success(successCallback).error(errorCallback); 

Заменить successCallback и errorCallback с функциями.

Редактировать: Laurent ответил (а)но пользователем с помощью then. Тем не менее я оставляю это здесь как альтернативу для людей, которые посетят этот вопрос.

Answer 3

Если вы хотите обрабатывать ошибки сервера по всему миру, вы можете зарегистрировать услугу перехватчика за $ httpProvider:

$httpProvider.interceptors.push(function ($q) { 
    return { 
     'responseError': function (rejection) { 
      // do something on error 
      if (canRecover(rejection)) { 
       return responseOrNewPromise 
      } 
      return $q.reject(rejection); 
     } 
    }; 
}); 

Docs: http://docs.angularjs.org/api/ng.$http

Answer 4

Вы можете сделать это немного более чистым с помощи :

$http.get(url) 
    .then(function (response) { 
     console.log('get',response) 
    }) 
    .catch(function (data) { 
     // Handle error here 
    }); 

Как и на @ this.lau_ ответ, различный подход.

Answer 5

Попробуйте

function sendRequest(method, url, payload, done){ 

     var datatype = (method === "JSONP")? "jsonp" : "json"; 
     $http({ 
       method: method, 
       url: url, 
       dataType: datatype, 
       data: payload || {}, 
       cache: true, 
       timeout: 1000 * 60 * 10 
     }).then(
      function(res){ 
       done(null, res.data); // server response 
      }, 
      function(res){ 
       responseHandler(res, done); 
      } 
     ); 

    } 
    function responseHandler(res, done){ 
     switch(res.status){ 
      default: done(res.status + ": " + res.statusText); 
     } 
    }