如何防止 AJAX 请求缓存导致动态内容无法实时更新
使用jQuery的.load()方法定时刷新页面时，浏览器或服务器缓存可能导致动态内容无法实时更新。通过为每次请求附加毫秒级时间戳参数，可强制URL变化绕过缓存。需注意时间戳参数必须置于片段选择器之前，且服务端响应头不应设置长时间缓存。
本文介绍在使用 jQuery .load() 定期刷新页面区域时，因浏览器或服务器端缓存导致新内容不生效的问题，并提供可靠、通用的缓存绕过（cache-busting）解决方案。
在构建实时仪表盘这类 Web 应用时，很多开发者会采用定时 AJAX 请求——比如用 jQuery 的 原因其实很清晰：浏览器（以及部分服务器，比如 Flask 的默认开发服务器）会对相同 URL 的 GET 请求启用缓存。当 ✅ 推荐解决方案：添加时间戳参数（Cache Buster） ⚠️ 注意事项： 这样之后， 总结一下：缓存是提升性能的好东西，但在实时数据场景下，你必须主动管理它。使用时间戳缓存粉碎（cache busting）是最简单、跨浏览器兼容性最好的做法。配合服务端响应头优化（比如设置 火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力，依托字节自研豆包多模态大模型，凭借火山方舟一站式平台，提供模型精调、推理部署、智能应用搭建等全链路服务，结合高性能AI算力，助力各行业快速落地大模型数字化与智能化应用。 AirBuddy 3 是面向 macOS 的蓝牙外设增强工具，可集中查看 AirPods、Beats 与苹果设备电量，提供快速连接、播放控制、电量提醒、桌面小组件和多台 Mac 外设接力等功能。 AirServer macOS版可把 Mac 转换为无线投屏接收端，通过 AirPlay 或 Google Cast 接收手机、平板和电脑画面，并支持多设备同时连接、高清镜像及会话录制，适合家庭娱乐、课堂教学、会议演示和应用展示。 火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力，依托字节自研豆包多模态大模型，凭借火山方舟一站式平台，提供模型精调、推理部署、智能应用搭建等全链路服务，结合高性能AI算力，助力各行业快速落地大模型数字化与智能化应用。 AirServer Windows版可把电脑变成AirPlay、Google Cast和Miracast无线投屏接收端，适合会议演示、课堂教学及家庭大屏分享。发送设备通常无需另装客户端，并可同时接收和智能排列多个镜像会话。 AlwaysUp是一款面向Windows的系统服务注册与程序托管工具，可让普通应用、脚本及批处理在无人登录时随系统启动，并通过状态检测、异常重启、资源监控和邮件通知保障关键任务持续运行。.load() 方法——周期性地拉取最新 HTML 片段，然后注入到指定容器（例如 new-content.php）明明已经更新了，前端却始终显示旧内容。这可不是逻辑写错了，而是HTTP 缓存机制在背后悄悄“搞事情”。
$('#main').load('new-content.php #main') 被反复调用时，请求的 URL 始终不变，浏览器可能直接返回缓存里的响应，压根不去发起真正的网络请求。哪怕 Flask 没有显式配置缓存，它的开发服务器默认也可能对静态响应做轻量缓存，这会让问题更明显。
最直接的办法就是为每次请求生成一个唯一的查询参数（比如毫秒级时间戳），强制 URL 变化，从而绕过缓存：function updateMain() {
setTimeout(function() {
console.log("updating");
const cacheBuster = new Date().getTime();
// 关键：将时间戳作为查询参数附加到 URL 后
$('#main').load(`new-content.php?cb=${cacheBuster} #main`, function() {
updateMain(); // 递归调用下一轮
});
}, 3000);
}
updateMain();
?cb=... 出现在片段选择器 #main 之前，也就是写成 new-content.php?cb=123 #main。如果顺序反了，jQuery 会把它当成无效 URL 解析。new-content.php 完全不需要处理它（忽略即可）。但需要确认 PHP 脚本本身没有输出 Cache-Control: public 或者长时效的 Expires 头，否则时间戳也救不了你。$.ajaxSetup({
cache: false // 自动为所有 jQuery AJAX 请求添加时间戳参数
});
$('#main').load('new-content.php #main') 就不用手动加参数了。但要注意，这个设置会影响所有 AJAX 请求，得权衡一下。Cache-Control: no-cache），就能让仪表盘的内容做到毫秒级同步更新，不再被旧数据“卡脖子”。
