Comment définir un délai d'attente d'interrompre une $http.get() à l'intérieur d'une usine ou d'un service?

J'ai la méthode suivante getData(url) dans mon usine qui utilise $http.get(url) pour obtenir des données à partir d'une URL

angular
  .module('az-app')
  .factory('WebServiceFactory', function ($http, $q) {

   var WebServiceFactory = this;


   WebServiceFactory.getData = function (url) {

      var deferred = $q.defer();

      $http.get(url)
        .then(
        function (response) {

          deferred.resolve({
            data: response
          });

        }, function (rejected) {

          deferred.reject({
            data: rejected
          });
        }
      );
      //Promise to be returned
      return deferred.promise;
    }

Il fonctionne très bien mais j'ai besoin d'interrompre le http.obtenir et/ou le rejet de la promesse, afin que je puisse afficher un message d'erreur de mon contrôleur qui a cette méthode:

var getSpecialties = function (type) {
  doctorsCtrl.showLoading();

  var url = "example.com";

  WebServiceFactory.getData(url)
    .then(
    function (result) {
      doctorsCtrl.hideLoading();


      var specialtiesArray = result.data.data;

      StorageFactory.specialties = specialtiesArray;
      doctorsCtrl.specialties = StorageFactory.specialties

      //I WANT TO TRIGGER THIS REJECTED FUNCTION when timeout time is finished
    }, function (rejected) {
      doctorsCtrl.hideLoading();
      doctorsCtrl.showAlert();
    }
  );
}
InformationsquelleAutor Jeka | 2015-10-20
  1. 9

    Le service $http accepte, dans l'objet de configuration, un timeout bien que des réponses aux questions que vous avez besoin. Jetez un oeil à la la documentation, en particulier la partie sur la config objet:

    timeout – {nombre|Promesse} – timeout en millisecondes, ou la promesse que devrait abandonner la demande lors de l'résolu.

    Notez également que vous êtes à l'aide de promesses dans un moyen inefficace. Ce qui suit est une promesse antipattern:

    WebServiceFactory.getData = function (url) {

 var deferred = $q.defer();

 $http.get(url)
   .then(
   function (response) {

     deferred.resolve(...);

   }, function (rejected) {

     deferred.reject(...);
   }
 );
 //Promise to be returned
 return deferred.promise;
}

    Vous pourriez avoir simplement:

    WebServiceFactory.getData = function (url) {
    return $http.get(url);
}

    Avec un délai d'attente de 3 secondes, il serait:

    Service:

    WebServiceFactory.getData = function (url) {
    return $http.get(url, {timeout: 3000});  //<-- timeout applies ONLY for this call
}

    Contrôleur:

    WebServiceFactory.getData(url).then(
    function (result) {
      doctorsCtrl.hideLoading();
      doctorsCtrl.specialties = StorageFactory.specialties = result.data;
    }, function (rejected) {
      doctorsCtrl.hideLoading();
      doctorsCtrl.showAlert();
    }
  );

    Notez également que vous appelez hideLoading à la fois en cas de succès et erreur. Vous pouvez appeler ça une fois, dans un enchaînés enfin gestionnaire:

    //...
.finally(function () {
    doctorsCtrl.hideLoading();
}
    • Bonjour michael, merci pour la réponse, mais je ne veux pas l'utiliser dans la configuration (je suis familier avec les httprovider) comme je veux un délai d'attente de 10 secondes pour http.obtenir et un délai d'attente de 60 secondes pour http.les méthodes post, à mon avis Si je l'ai mis dans la config puis il est global. Je voulais donc un exemple de délai d'expiration avec la présente http.obtenez alors je voudrais comprendre pour http.post
    • Il ne le fera pas global à tous, vous devez l'indiquer dans l'objet de configuration de que appel spécifique à $http.get. J'ai complété la réponse avec votre code, en espérant que c'est plus clair.
    • donc, je suis en train de le tester avec WebServiceFactory.getD = function (url) { return $http.get(url, {timeout: 1000}); }, mais comment puis-je déclencher function (rejected) { au contrôleur si la promesse n'a pas été résolu après 1 seconde, ont passé? Je suis l'insertion de la console.log() pour voir quelle est la réponse, et même si il semble que c'est en prenant plus de 1 sec, il ne semble pas être le déclenchement de l'rejeté la fonction de contrôleur
    • Hm, je ne vois pas quel est le problème que c'est la façon de le faire. Va faire un violon à démontrer.
    • par exemple si je mets WebServiceFactory.getD = function (url) { return $http.get(url, {timeout: 10}); } avis du 10 au délai d'attente, ne devrait-ce pas être si court pour déclencher le rejet d'une fonction au contrôleur depuis que je suis en train de faire un appel d'API qu'il semble prendre au moins 2 secondes, sûrement plus de 1 sec. Mais ce n'est pas le déclenchement de la rejeter fonction 🙁
    • Devrait faire la temporisation réglée, et par conséquent déclencher le erreur rappel. Je vous ai fait un violon
    • Salut Mike cela semble être au travail merci de me donner quelque temps pour confirmer si pas, je vais être de retour 🙂
    • au moins, j'ai eu de travail, et vous êtes allé le mile supplémentaire avec la enfin la fonction, donc je ne pas avoir à répéter le code et je peux respecter principe SEC, you rock!!! merci pour toute l'aide et de la patience!!! acceptera votre réponse et upvote 🙂
    • Vous êtes les bienvenus! 🙂 Au début promet peut-être un peu dur à exploiter, mais une fois que vous comprenez que vous commencer à l'aimer:)
    • Salut, à mon humble avis, résoudre des données dans le service (comme @Rkvv était en train de faire) est une meilleure pratique, le contrôleur n'a pas besoin de connaître la réponse respectifs de l'objet enfant contenant les données réelles.

    InformationsquelleAutor Michael P. Bazos