La gestion des erreurs dans AngularJS http get puis de construire

Comment puis-je gérer une erreur HTTP, par exemple, 500, lors de l'utilisation de la AngularJS "http get puis" construire (promesses)?

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

Problème est, pour tout non-200 de la réponse HTTP, à l'intérieur de la fonction n'est pas appelée.

InformationsquelleAutor Federico Elles | 2013-06-13

139

Vous devez ajouter un paramètre supplémentaire:
```
$http.get(url).then(
    function(response) {
        console.log('get',response)
    },
    function(data) {
        //Handle error here
    })
```
- Notez également que la 'réponse' objet ci-dessus a: données, le statut, les en-têtes de config, statusText. Les "données" de l'objet ci-dessus a: données, le statut, la config, statusText. (Il y a des règles spéciales quant à savoir si statusText est passé navigateurs, mobile ou non, serveur web, etc.)
- À noter également: data.config.url contient la totalité de l' url + params , dans le cas où vous avez passé params à côté de l'url
- Je ne sais pas, mais il ne fonctionne pas pour mon cas. Toujours la réponse de code est exécuté.
InformationsquelleAutor laurent
54

Vous pouvez effectuer cette peu plus propre en utilisant:
```
$http.get(url)
    .then(function (response) {
        console.log('get',response)
    })
    .catch(function (data) {
        //Handle error here
    });
```
Similaire à @ce.lau_ réponse, approche différente.
- Je serais totalement pour cette solution.
- il doit être accepté de répondre, parce que .error() méthode ne fonctionne pas avec 500 erreurs! Veuillez accepter.
- La meilleure solution après success & remove est retiré dans v1.6.0
- pourquoi la baisse de vote? que trop après plus d'un an? Je me demande...
- REMARQUE .catch exécute également si .then a erreur interne (comme l'appel à la non-méthode existante), tandis que .then(success, error) va gérer l'erreur uniquement si la requête lui-même ne parvient pas
InformationsquelleAutor Ravish
13

http://docs.angularjs.org/api/ng.$http
```
$http.get(url).success(successCallback).error(errorCallback);
```
Remplacer successCallback et errorCallback avec vos fonctions.

Edit: Laurent réponse est plus correct vu qu'il est à l'aide de then. Pourtant, je vais la laisser ici comme une alternative pour les gens qui vont se rendre à cette question.
- Il est intéressant de mentionner que ce n'est pas la même chose que Laurent réponse. .then() retourne une promesse. .success() et .error() ne le font pas.
- Pour être plus précis, .then() renvoie un nouveau promesse. .success() et .error() ne le font pas, ils reviennent tous les deux la promesse d'origine fournis par get(url).
- Il est également important de garder à l'esprit que success et error rappels pour $http api sera obsolète.
- Aussi success et error aussi supprimé dans v1.6.0, ne peut plus être utilisé.
- Notez également que la documentation dit "obsolète" mais la réussite() et error() sont en réalité complètement "enlevé"; ne vous laissez pas berner.
InformationsquelleAutor Umur Kontacı
3

Si vous souhaitez gérer les erreurs de serveur à l'échelle mondiale, vous pouvez enregistrer un intercepteur de service pour $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
- Je pense que vous avez fait une erreur là. Pour gérer les erreurs de réponse vous avez besoin pour créer une réponse intercepteur pas un intercepteur de demande comme vous l'avez fait.
- L'intercepteur angulaire est à la fois la demande et la réponse de 1.1.x.
InformationsquelleAutor Konstantin Tarkus

Essayer cette

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

InformationsquelleAutor Naren Chejara

Je ne pouvais pas vraiment travailler avec ce qui précède. Si cela peut aider quelqu'un.

$http.get(url)
  .then(
    function(response) {
        console.log('get',response)
    }
  ).catch(
    function(response) {
    console.log('return code: ' + response.status);
    }
  )

Voir aussi la $de réponse http paramètre.

InformationsquelleAutor serv-inc

Vous devez vous connecter pour publier un commentaire.