避免多个 ajax 请求 angularJS

Question

我试图避免在工厂中向服务器发出多个ajax请求。我已经添加了一个小型缓存服务，但这还不足以实现我的目标：在服务器响应之前可以多次调用此工厂，从而导致向服务器生成多个请求。

为了避免这种情况，我添加了第二个 promise 对象，如果 AJAX 请求已执行并且该对象尚未在缓存中，则它应该等待第二个承诺被解析，但看起来我错过了一些东西。

这是我的代码：

myApp.factory('User', ['Restangular', '$q',
  function (Restangular, $q) {
    var userCache, alreadyRun = false;
    return {
      getUser: function () {
        var deferred = $q.defer(), firstRun= $q.defer();
        if (!userCache && !alreadyRun) {
          alreadyRun = true;
          Restangular.all('user').getList().then(function (user) {
            console.log('getting user live ');
            userCache = user[0].email;
            firstRun.resolve(user[0].email);
          });
        } else if (!userCache && alreadyRun) {
          console.log('waiting for the first promise to be resolved ');
          firstRun.then(function(user) {
            console.log('resolving the promise');
            deferred.resolve(userCache);
          });
        } else {
          console.log('resolving the promise from the cache');
          deferred.resolve(userCache)
        }
        return deferred.promise;
      }
    };
  }
]);

Answer 1

如果请求已经提出，您可以返回原始承诺。这样的事情应该有效;

myApp.factory('User', ['Restangular', '$q',
  function (Restangular, $q) {
    var deferred = false;
    return {
      getUser: function () {
        if(deferred) {
          return deferred.promise;
        }
        deferred = $q.defer();
        Restangular.all('user').getList().then(function (user) {
          deferred.resolve(user[0].email);
        });
        return deferred.promise;
      }
    };
  }
]);

另请查看缓存请求的 Restangular 文档

Answer 2

每次运行getUser时，都会为firstRun创建一个新的延迟。如果它已经运行，你可以调用firstRun.then，但这个承诺永远不会解决。

Answer 3

感谢大家的回答，同时我找到了一种缓存该特定工厂的方法：

.factory('User', ['Restangular', '$q',
  function (Restangular, $q) {
    var userCache, promises = [];
    return {
      getUser: function () {
        var deferred = $q.defer();
        if (promises.length > 0) {
          promises.push(deferred);
        } else if (!userCache) {
          promises.push(deferred);
          Restangular.all('user').getList().then(function (user) {
            var i;
            userCache = user[0];
            for (i = promises.length; i--;) {
              promises.shift().resolve(userCache);
            }
          });
        } else {
          deferred.resolve(userCache);
        }
        return deferred.promise;
      }
    };
  }
]);

基本上，这个想法是在userCache尚未准备好时创建一个承诺数组，然后在请求准备就绪后解析整个队列，最后使用每个未来请求的缓存值直接解析承诺。

我在这里描述了这个承诺缓存的实现。