Quel est l'équivalent de jQuery ajax beforeSend dans Angularjs?

Je suis familier avec Jquery appel AJAX, qui a différents rappels comme beforeSend, succès, complet, etc.

C'est l'exemple de l'appel AJAX avec Jquery:

$.ajax({
  url: 'register.php',
  type: 'POST',
  data: {name:name, email:email},
  beforeSend: function() {
       //show loading GIF
  },
  complete: function() {
      //hide loading GIF
  },
  success: function(data) {
      //parse response
  }
});

Que je souhaite obtenir la même chose en utilisant AngularJS.

Est-il un rappel comme beforeSend pour AngularJS requête AJAX ?
C'est mon code, mais je ne suis pas sûr de l'endroit où puis-je utiliser un callback comme beforeSend (afin que je puisse afficher un chargement d'image GIF) dans mon code:

$http.post('register.php', {'name': $scope.name, 'email': $scope.email})
.success(function(data, status, headers, config) {
    if (data != '') { 
    }
});

OriginalL'auteur shasi kanth | 2014-03-03

  1. 11

    Par défaut Angulaire ne fournit pas de beforeSend et complète, mais vous pouvez mettre en œuvre en utilisant des intercepteurs. Voici mon oeuvre:

    (function() {
    var app = angular.module("app");

    app.factory("interceptors", [function() {

        return {

            //if beforeSend is defined call it
            'request': function(request) {

                if (request.beforeSend)
                    request.beforeSend();

                return request;
            },


            //if complete is defined call it
            'response': function(response) {

                if (response.config.complete)
                    response.config.complete(response);

                return response;
            }
        };

    }]);

})();

    Ensuite, vous devez enregistrer votre intercepteur comme ceci:

        (function () {
        var app = angular.module('app', ['ngRoute']);


        app.config(["$routeProvider", "$httpProvider", function ($router, $httpProvider) {    

            //Register interceptors service
            $httpProvider.interceptors.push('interceptors');

            $router.when("/", { templateUrl: "views/index.html" })


            .otherwise({ redirectTo: "/" });        
        }]);
    })();

    Après ce code, vous pouvez l'utiliser comme ceci:

    var promise = $http({
    method: 'POST',
    url: constants.server + '/emails/send',
    data: model,
    beforeSend: function() {
        model.waiting = true;
    },
    complete: function() {
        model.waiting = false;
    }
});

    OriginalL'auteur

  2. 7

    Vous pouvez utiliser interceptors. De recherche pour le mot interceptor dans l'angle $http documentation

    Que dit la documentation : Pour les fins de la mondial de la gestion d'erreur, >authentification, ou tout type de synchrone ou asynchrone de pré-traitement de >la demande ou de post-traitement des réponses

    Ici est un bon Violon Exemple afficher un gif de chargement avant l'appel ajax est envoyée.

    MODIFIER

    Comme Satpal commenté, $httpProvider.responseInterceptors utilisé dans le Violon est deprecated. Vous devez utiliser $httpProvider.interceptors à la place.

    $httpProvider.responseInterceptors sont OBSOLÈTES. Vous devez fournir exemple avec $httpProvider.interceptors

    OriginalL'auteur