複数のajaxリクエストを避けるangularJS

Question

工場でサーバーに複数のajaxリクエストを避けようとしています。私はすでに小さなキャッシングサービスを追加しましたが、私が目指すものは十分ではありません。このファクトリは、サーバが応答する前に何度か呼び出され、サーバへの複数のリクエストの生成を引き起こします。

これを避けるために、AJAXリクエストが実行され、オブジェクトがまだキャッシュに入っていない場合、2番目の約束が解決されるのを待つよりも、何かが見当たりません。あなたはgetUserメソッドを実行

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 documentation for caching requests

Answer 2

毎回、新しい延期が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が準備されていない間に約束の配列を取得し、要求が準備できたらキュー全体を解決し、最後に将来の要求ごとにキャッシュされた値で直接約束を解決します。

私はこのpromise caching hereの実装について説明しました。