本文介绍了一种防止浏览器缓存Ajax请求结果的方法：通过向URL添加当前时间戳作为参数，确保每次请求都能获取最新数据，而不是使用浏览器缓存。此方法适用于需要实时更新数据的应用场景。
模式 4. 避免浏览器缓存
浏览器会尝试化 Web 流量，所以如果您对同一个 URL 请求两次，很可能还不如重新请求一次页面，您的浏览器将仅仅使用浏览器缓存中存储的页面。所以，Ajax 应用程序中另一个常见模式是使用 URL 中的随机元素来保证浏览器不会返回一个缓存的结果。
我最喜欢的技巧就是向 URL 添加当前时间的数字值。 清单 12 展示了这一技巧。
清单 12. Pat4_cache.html
<html>
<script>
...
function loadUrl( url ) {
url = url + "?t="+((new Date()).valueOf());
...
}
...
要查看真实环境的演示，请查看在线版本 pat4_cache.html .
代码取自 清单 1，对 URL 字符串执行了一些额外的 JavaScript 文本操作。我将 URL 连接到一个新的参数 t，它具有一个时间值。服务器是否能识别这个值实际上并不重要。这只不过是用来确保浏览器忽视其基于 URL 的页面缓存。
扫一扫
10万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
