window.history.back()缓存返回上级页面不刷新数据-开发者知识库平台

window.history.back()缓存返回上级页面不刷新数据

数据

1184

2023/8/18 8:00:26

栏目: 编程语言

当使用window.history.back()方法返回上一级页面时，浏览器会从缓存中加载该页面，而不会重新发送请求，因此页面的数据也不会刷新。这是因为浏览器会将已访问过的页面存储在缓存中，以提高页面加载速度和减少网络流量。

如果你希望返回上一级页面时能够刷新数据，可以尝试以下方法：

使用location.reload()方法在返回上一级页面后刷新当前页面。你可以在返回上一级页面的代码后面添加location.reload()方法，如下所示：

window.history.back();
location.reload();

在上一级页面中使用window.addEventListener('pageshow', function(){})监听页面显示事件，在该事件中进行数据刷新操作。你可以在上一级页面的脚本中添加以下代码，监听页面显示事件，并在事件处理程序中执行相应的数据刷新操作：

window.addEventListener('pageshow', function(event) {
if (event.persisted) { // 判断页面是否是从缓存中加载的
// 执行数据刷新操作
}
});

这些方法可以帮助你在返回上一级页面时刷新数据，根据具体的应用场景选择合适的方法。

window.history.back()缓存返回上级页面不刷新数据