jQuery .load 浏览器缓存覆盖正文类转换

Question

My .load ajax function：

1） 点击链接

2） 在对 css 过渡进行动画处理时加载请求的页面（正文添加/删除类）

3）如果页面请求加载速度超过400ms，则知道在删除正文类和显示页面之前等待

这在我的本地开发环境中完美运行。但是，在实时服务器上，ajax 页面缓存会覆盖 body 类转换并将页面加载到顶部，而忽略如上所述的计时器 （3）。

我发现的修复程序是 $.ajaxSetup（{ cache： false }）; 它向 url 添加一个字符串，以便浏览器认为它是一个独特的页面......丑。

还有哪些其他解决方法？我可以在加载每个页面之前等待 400 毫秒，但这很慢而且不专业:)

提前非常感谢。提姆

Answer 1

和修复...

在您的 .htaccess 中添加：

<filesMatch ".(html|php|js|css)$">
    FileETag None
    <ifModule mod_headers.c>
        Header unset ETag
        Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
        Header set Pragma "no-cache"
        Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
    </ifModule>
</filesMatch>

强制 apache 缓存不存储基本（列出的）文件。

唷