Xử lý lỗi trong AngularJS http sau đó tạo

Question

Làm cách nào để xử lý lỗi HTTP, ví dụ: 500, khi sử dụng AngularJS "http get sau đó" xây dựng (hứa hẹn)?

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

Vấn đề là, đối với bất kỳ phản hồi HTTP nào không phải 200, hàm bên trong không được gọi.

Answer 1

Bạn cần phải thêm một tham số bổ sung:

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

Thay successCallback và errorCallback với chức năng của mình.

Chỉnh sửa: Câu trả lời của Laurent chính xác hơn khi xem xét anh đang sử dụng then. Tuy nhiên, tôi để lại điều này ở đây như là một thay thế cho những người sẽ ghé thăm câu hỏi này.

Answer 3

Nếu bạn muốn xử lý lỗi máy chủ trên toàn cầu, bạn có thể muốn đăng ký một dịch vụ đánh chặn với $ httpProvider:

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

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

Answer 4

Bạn có thể thực hiện nhiều bit này sạch hơn bằng cách sử dụng :

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

Tương tự như @ this.lau_ answer, cách tiếp cận khác.

Answer 5

Hãy thử điều này

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