Fehlerbehandlung in AngularJS http erhalten dann konstruieren

Question

Wie kann ich einen HTTP-Fehler behandeln, zum Beispiel 500, wenn die AngularJS "http get then" Konstrukt (Versprechen) verwendet?

Problem ist, für jede nicht 200 HTTP-Antwort wird die innere Funktion nicht aufgerufen.

Answer 1

Sie benötigen einen zusätzlichen Parameter hinzuzufügen:

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

ersetzen successCallback und errorCallback mit Ihren Funktionen.

Edit: Laurent Antwort ist richtig bedenkt, dass er sich then verwenden. Aber ich lasse das hier als eine Alternative für die Leute, die diese Frage besuchen werden.

Answer 3

Wenn Sie Serverfehler global zu handhaben wollen, möchten Sie vielleicht einen Abfangjäger-Service für $ httpProvider registrieren:

$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

Sie können dieses Bit machen mehr sauberer durch die Verwendung :

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

Ähnlich wie @ this.lau_ Antwort, anderer Ansatz.

Answer 5

diese auch

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