在AngularJS中處理錯誤http然後構造

Question

如何處理HTTP錯誤500，當使用AngularJS「http get then」構造（承諾）？

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

問題是，對於任何非200 HTTP響應，不調用內部函數。

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與功能。

編輯：考慮到他正在使用then，Laurent的回答更爲正確。然而，我將這裏留下來作爲參觀這個問題的人們的替代選擇。

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

文檔：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類似，採用不同的方法。

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