浏览器返回上一页功能，如果返回则如何重新加载文件？
[英]Browser go back to previous page function, how to reload a document if go back?
问题描述
这是我的浏览器内置返回功能的问题。
假设我有两个页面：Page1和Page2。
Page1的作用是先下载.json文件，然后在网页上打印.json文件的数据。
Page2允许用户将新数据插入该.json文件。
如果用户单击第1页，则转到第2页以插入新数据，然后单击“返回”按钮。 .json文件不会更新。 因此，不会显示刚刚插入的数据。
但是我需要更新新数据。
有解决这个问题的主意吗？
3 个解决方案
解决方案1
0 2016-02-17 08:20:34
如果缓存是您的问题，那么您可能想要考虑这个多虫的，古老的栗子。 将它们添加到您的<head>部分，但要小心，因为其有效性在浏览器/版本之间会有所不同。 有关详细信息，请参见w3.org的链接。
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
https://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9
解决方案2
0 2016-02-17 10:03:49
我假设您使用javascript和onload事件下载.json文件并显示其内容。 问题是使用后退按钮时不会触发onload事件。 您可以尝试使用window.onpopstate事件而不是onload。 当使用后退按钮导航到网页时，也会调用onpopstate事件。
function init() {
//load .json ...
}
window.onpopstate = init;
解决方案3
0 2016-02-17 10:40:52
可能是json数据正在缓存中，因此即使您到达“ Page1”时再次请求它，您也可能正在读取它的缓存版本。 也就是说，如果您成功避免了页面本身的缓存，则仍然可以缓存数据。
克服此类问题的一种简单易懂的方法是，每次加载json数据时都要更改其URL。 例如，在URL上添加时间戳或其他一些理想的唯一部分：
myjson.json？timestamp = xxx
在 Vue 中，如何使用 window.history.go(-1) 使浏览器到 go 返回上一页
[英]In Vue, how to make browser to go back to previous page using window.history.go(-1)
即使更改了哈希值，如何在网页中单击浏览器后退按钮时返回上一页？
[英]How to go back to the previous page when browser back button is clicked in a webpage even when the hash is changed?
当按下浏览器后退按钮（在 Javascript 中）时，如何将特定变量传递给 go 返回上一页？
[英]How to pass a specific variable to go back to the previous page when the browser back button is pressed (In Javascript)?
如何使“返回分页”按钮返回到上一个分页页面
[英]How to make the back to pagination button go back to previous pagination page
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.