js 实现刷新
使用 location.reload() 方法刷新页面
location.reload() 是 JavaScript 中最简单的刷新页面的方法。默认情况下，它会从浏览器缓存中重新加载页面。
location.reload(); // 从缓存刷新
location.reload(true); // 强制从服务器刷新（绕过缓存）使用 location.href 重新加载当前页面
通过将 location.href 设置为当前页面的 URL，可以实现页面刷新。
location.href = location.href; // 重新加载当前页面使用 history.go(0) 刷新页面
history.go(0) 会重新加载当前页面，类似于用户点击浏览器的刷新按钮。
history.go(0); // 刷新当前页面使用 meta 标签自动刷新
在 HTML 的 <head> 部分添加 <meta> 标签，可以设置页面自动刷新。
<meta http-equiv="refresh" content="5"> <!-- 每 5 秒刷新一次 -->使用 fetch 实现无刷新数据更新
如果只需要更新部分数据而不刷新整个页面，可以使用 fetch 或 XMLHttpRequest 请求数据并动态更新 DOM。
fetch('/api/data')
.then(response => response.json())
.then(data => {
document.getElementById('content').innerHTML = data.content;
});使用 setTimeout 或 setInterval 定时刷新
通过 setTimeout 或 setInterval 可以延迟或定期刷新页面。
setTimeout(() => {
location.reload();
}, 5000); // 5 秒后刷新
setInterval(() => {
location.reload();
}, 60000); // 每分钟刷新一次使用 EventSource 实现服务器推送刷新
如果服务器支持 Server-Sent Events (SSE)，可以通过 EventSource 监听服务器事件并触发刷新。
const eventSource = new EventSource('/sse');
eventSource.onmessage = (event) => {
if (event.data === 'refresh') {
location.reload();
}
};
