以编程方式缓存和无效 XHR/Ajax 响应

Question

考虑一个网页有大量对服务器的 XHR 调用，而一个 iframe 也包含大量对服务器的 XHR 调用。 许多此类调用都是相同的（冗余）。我确实有单一的通信接口（即 javascript 对象中的一组方法）。

如何优化服务器调用？我们可以缓存响应吗？ （当发生某些可能改变响应的操作时，我可以使存储的响应无效），此外，页面刷新后应清除此缓存。有这样的组件/技术可用吗？

问候，
纳吉克特

Answer 1

某种形式的记忆。
注意：您必须更改以下代码以适应您的 XHR 实施。
由于您没有提供代码，因此必须做出假设。

var cacheXHRWrapper = function ( url , handler ) {

   var cache = {};
   var queued = {};
   var pending = {};

   if ( cache[ url ] ) {

      handler( cache[ url ] );

   } else {

      queued[ url ] || ( queued[ url ] = [] ); // I know, call me lazy.
      queued[ url ].push( handler );

      if ( !pending[ url ] ) {

         // might want to adjust this to comply to your XHR implementation
         XHR_IMPL.request( url , function ( response ) {

            // cache response
            cache[ url ] = response;

            // serve all queued handlers.
            var fn = queued[ url ].shift();
            while ( fn ) {
               fn( response );
               fn = queued[ url ].shift();
            }

         } );

         pending[ url ] = true;

      }

   }
}

额外的好处是，队列请求处理程序（按 url）已在运行。