AngularJS Intercepter tous les $http réponses JSON

J'ai une application à l'aide AngularJS et côté serveur backend qui offre toutes les demandes en JSON forme. Chaque demande est enveloppé dans un JSON conteneur qui contient une variable de données qui contient les données spécifiques à la demande. Les autres données, qui sont utilisés pour garder le contrôle et d'état au sein de l'application, vérifier les erreurs et les messages de réussite, et de vérifier pour la session de drapeaux. L'ensemble de ces autres variables sont servis avec CHAQUE demande et sont examinés en premier avant que les données variable.

Droit maintenant, j'ai une méthode pour examiner le contenu de la réponse JSON en premier, puis les données lui-même.

$http.get('something.json').success(function(response) {
   var data = examineJSONResponse(response);
   //do the data stuff
});

Cela fonctionne et le examineJSONResponse prend un coup d'oeil au code et s'il ya quelque chose de mal, puis elle lève une exception et recharge la page à l'aide de la fenêtre.emplacement.href.

Est-il possible que je peux automatiser ce dans AngularJS, de sorte que chaque fois qu'un $http appel est fait, alors il vérifie ce et retourne UNIQUEMENT la variable de données contenu de la réponse JSON?

InformationsquelleAutor matsko | 2012-08-14
  1. 91

    Vous pouvez intercepter les réponses apportées par l'ajout d'un intercepteur à $httpProvider.interceptors Angulaire 1.1.4+ (voir la documentation ici de recherche pour les intercepteurs).

    Pour un type de contenu spécifique comme json, vous pouvez éventuellement refuser les modifications ou lever une exception, même si l'appel a été un succès. Vous pouvez modifier le response.data qui sera transmis à votre contrôleur de code ici:

    myModule.factory('myHttpInterceptor', function ($q) {
    return {
        response: function (response) {
            //do something on success
            if(response.headers()['content-type'] === "application/json; charset=utf-8"){
                //Validate response, if not ok reject
                var data = examineJSONResponse(response); //assumes this function is available

                if(!data)
                    return $q.reject(response);
            }
            return response;
        },
        responseError: function (response) {
            //do something on error
            return $q.reject(response);
        }
    };
});
myModule.config(function ($httpProvider) {
    $httpProvider.interceptors.push('myHttpInterceptor');
});

    REMARQUE: est Ici l'original de la réplique pour les versions antérieures à 1.1.4 (responseInterceptors ont été désapprouvées Angulaire 1.1.4):

    Peut-être il ya une meilleure façon, mais je pense que vous pouvez faire quelque chose de similaire à ce post avec la réponse http intercepteur (décrit ici) (pour un type de contenu spécifique comme json) où vous pouvez potentiellement refuser les modifications ou lever une exception, même si l'appel a été un succès. Vous pouvez modifier le response.data qui sera transmis à votre contrôleur de code ici.

    myModule.factory('myHttpInterceptor', function ($q) {
    return function (promise) {
        return promise.then(function (response) {
            //do something on success
            if(response.headers()['content-type'] === "application/json; charset=utf-8"){
                //Validate response if not ok reject
                var data = examineJSONResponse(response); //assumes this function is available

                if(!data)
                    return $q.reject(response);
            }
            return response;
        }, function (response) {
            //do something on error
            return $q.reject(response);
        });
    };
});
myModule.config(function ($httpProvider) {
    $httpProvider.responseInterceptors.push('myHttpInterceptor');
});
    • Comment puis-je réellement le registre de l'intercepteur angulaire?
    • J'ai modifié l'exemple d'inclure l'enregistrement de l'intercepteur. Espérons que cette aide!
    • Comment l'utiliser dans mon $http.obtenir la demande?
    • Juste un heads-up: à la 1.1.4 Réponse Intercepteurs ont été DÉPRÉCIÉS. Voir 1.1.4 docs pour le remplacement.
    • merci pour le commentaire! J'ai mis à jour l'extrait de code pour utiliser la nouvelle 1.1.4+ style.
    • Ce qui a changé dans angulaire de 1,8 tout de savoir le mettre en œuvre-t-il?
    • merci de bien vouloir ajouter une dépréciation de l'annotation du code concernant les versions pré 1.1.4 (pour les gens comme moi qui passent au travers d'explications et sont code empressé juste pour découvrir 30 minutes plus tard, ils devraient ai lu tout ça)
    • merci pour la suggestion, j'ai déménagé de la pré version 1.1.4 de la partie inférieure de la réponse.

    InformationsquelleAutor Gloopy
  2. 7

    Une autre solution est de créer un service et d'utilisation autour de l' $http variable.

    angular.module('App', [])
  .factory('myHttp',['$http',function($http) {
    return function(url, success, failure) {
      $http.get(url).success(function(json) {
          var data = examineJSONResponse(json);
          data && data.success ? success() : failure();
        }).error(failure);
      );
    }
}]);

    Et maintenant, cela peut être appelée comme:

    myHttp(url, onSuccess, onFailure);
    • Votre code ne fonctionne pas parce que le deuxième paramètre de la service méthode doit être une fonction constructeur, comme expliqué dans ce fil dans la AngularJS liste de diffusion. Je pense que vous avez probablement censé type factory au lieu de service et qui serait à l'œuvre.
    • Vous avez raison. Il devrait être un factory. C'est maintenant mis à jour. Je vous remercie.
    InformationsquelleAutor matsko