javascript - 在 JQuery 工具中使用 AJAX 调用缓存 JS 资源

Question

在我的应用程序中，我使用了 jquerytools 的叠加效果.我正在打开覆盖内的外部页面，如本 demo 中所述.在我的外部页面中，我使用一些 javascript 来进行验证等。我的应用程序正在使用 Struts2 框架。

我遇到的问题是叠加效果的表现。在 Web 服务器 (apache) 中，我使用 mod_expires让浏览器缓存资源。问题是，虽然文件 jquery-1.7.2.min.js 在打开覆盖时被缓存在所有应用程序中，但它不会被缓存，因为它的名称随动态生成的数字字符串而变化。

例如文件名以这种方式改变:

• 主要应用:jquery-1.7.2.min.js
• 在叠加层内:jquery-1.7.2.min.js?_=1386932790620

此数字字符串每次都会更改，从而阻止浏览器 (Chrome) 缓存资源。因此，每次用户打开叠加层时，jquery-1.7.2.min.js 都会被下载，从而降低性能。

您可以在所附图片中看到此问题:

缓存:

非缓存:

我猜测jquerytools的overlay效果是使用AJAX加载外部页面，所以问题是:有没有办法从附加到资源名称中删除该数字字符串？

还有其他解决方案可以防止每次javascript资源都下载的覆盖效果吗？

Answer 1

您可以尝试将此添加到您的代码中 -

$.ajaxSetup({ cache: true });

这将确保 jQuery 不使用缓存清除策略。