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

最新推荐文章于 2024-10-20 21:50:50 发布
最新推荐文章于 2024-10-20 21:50:50 发布
阅读量1.3w 收藏 6
点赞数 6
CC 4.0 BY-SA版权
分类专栏： JS 文章标签： JS JS缓存 返回上级页面 window.history.back() 刷新数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/cuandeqin2083/article/details/88633524
博客指出做完操作返回上一页面时，因JS缓存机制，页面数据仍是前一次的，无法自动刷新，与需求不符。虽从网上查找资料无果，但作者分享了自创的AntDesign Form快速生成器，还给出索引链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题

  • 我们经常会做完一个操作之后返回上一个页面（比如新增完一条记录）

  • 然后我们希望返回上一个页面的时候就自动刷新他。

  • 但是由于JS的缓存机制

  • 导致我们的数据还是从前一次里面取的（他的初衷是希望你更快，更省资源）

  • 但是和我们的需求不同

  • 如图：
    在这里插入图片描述

探索

从网上找的一些资料：

  • 在window.history.back(); 后面加location.reload();
  • window.history.go(-1);window.location.reload()

均无终而返

解决

  • window.location.replace(document.referrer)
  • window.location.href=“上一个页面URL”（下下策）

本人自创自用 一个好用的AntDesign Form快速生成器
https://github.com/DerrickTel/ant-design-form
欢迎大家提意见,本人会不定期更新.有新的需求都可以给我提issue
能动动你的小手点个赞就更棒啦~
索引：
https://zhidao.baidu.com/question/571073198.html

网页通过页面回退按钮或者回退事件window.history.back()重新加载显示时，执行刷新页面的操作
qq_38649702的博客
06-10 1399
JS实现监听页面为通过回退方式进入时，刷新此页面
Javascript实现返回上一页面并刷新的小例子
10-26
- `window.history.back()`：此方法等同于调用`history.go(-1)`，用于返回上一页面。 - `window.history.forward()`：此方法等同于调用`history.go(1)`，用于前进到下一页面。 2. **页面刷新** - 页面刷新可以...
解决使用window.history.back()，返回上一页后，页面不刷新问题
热门推荐
idongit的博客
07-09 1万+
在返回的页面增加以下js代码 window.onpageshow = function(event) { if (event.persisted || window.performance && window.performance.navigation.type == 2) { window.location.reload(); ...
关于window.history.back()后退问题
WINDBELL
08-05 5024
       最近工作的时候发现Windows下的window.history.back()后退后返回的不只是前一个页而是前一个页的状态。如果一个页我修改了3次那必须后退3次才能回到前一个页。而且数据库中删除的数据依然显示在上面感觉非常的不实用。       解决办法：history.back()后再加一个reload()这样就可以回到刷新后的页面了        即：history.ba
JS window对象 返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。 语法： window.history.back();...
weixin_30216561的博客
06-16 714
返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。 语法： window.history.back(); 比如，返回前一个浏览的页面，代码如下： window.history.back(); 注意：等同于点击浏览器的倒退按钮。 back()相当于go(-1),代码如下: window.h...
window.history.back() IOS返回不刷新的问题
versionli的博客
11-06 2772
有时候我们有这样的需求，在A页面跳到B页面之后更改一些数据之后返回到A页面,A页面的某个状态要改变，得重新调用接口更改状态，这样就要刷新。但是如果从A页面跳到B页面，之后在B页面通过window.history.back()返回A页面，在安卓机是可以刷新的，但在IOS机是不行的，所以解决的办法只能用 window.location.href="./A.html", 这样就可以了...
从window.history理解浏览器返回不触发页面刷新问题
weixin_42349568的博客
02-28 4976
DOM window 对象通过 history 对象提供了对浏览器的会话历史的访问，它暴露了很多有用的方法和属性，允许你在用户浏览历史中向前和向后跳转，同时——从 HTML5 开始——提供了对 history 栈中内容的操作。
js的window.history.go(-1);方法在苹果手机和安卓手机 安卓手机怎么强制依赖缓存返回
05-31
好的，我需要解决用户在安卓设备上使用window.history.go(-1)时强制依赖缓存返回上一页数据的问题。用户之前的问题是关于iOS和安卓在返回时数据差异的原因和解决方案，现在他想在安卓上强制使用缓存，这可能与之前的...
js的window.history.go(-1);方法在苹果手机和安卓手机 返回上一页的数据不同
05-31
在返回时通过`window.history`操作后立即刷新数据： ```javascript function goBackWithRefresh() { window.history.go(-1); setTimeout(() => { location.reload(true); // 强制绕过缓存 }, 50); // 延迟确保...
window.history有哪些方法
最新发布
06-24
-`history.go(-1)`等价于`history.back()`-`history.go(1)`等价于`history.forward()`-`history.go(0)`刷新当前页面（部分浏览器支持）示例：`window.history.go(-2);`//后退两页4.**`history.pushState(state,title...
window.history.back()、window.history.go()返回上一页强制刷新
月下lk山人的博客
12-17 3643
通过history方法返回上一页时，返回的页面并不会刷新，这就造成了上一页的数据未及时更新，所以有时需要做刷新处理，如下 # 如果检测到页面是从“往返缓存”中读取的，刷新页面 window.addEventListener('pageshow', function(e) { if (e.persisted) { window.location.reload() } }) ...
js Window学习（四）Window History 对象 上一页 下一页，方法
sungang1120的专栏
05-17 836
Window History window.history 对象在编写时可不使用 window 这个前缀。 为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。 一些方法： history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击按钮向前相同 Window History Back h...
深度解析window.history.go()和history.back()
技术研究中心
01-18 1566
在前端开发中，和是两个用于操作浏览器历史记录的方法。它们提供了在浏览历史中前进和后退的能力，从而实现更加灵活的页面导航。通过本文的介绍，我们深入了解了前端开发中两个非常有用的历史记录管理方法——和。它们不仅可以用于简单的页面导航，还可以在实际应用中发挥更多的妙用。
解决ios  history.back()返回不刷新
Something的博客
05-27 2596
需求 当由A页面跳转到B页面，将B页面的字段保存至localstorage中。返回A页面时，需要将B页面的某些字段从localstorage取出进行渲染。 B页面返回A页面时，我用的是history.back()，由于ios和安卓机制不同，安卓会重新刷新主页面的ready， ios则不会。 解决方法 ①window.location.href=“pageA.html” 这是我们最容易想到的解决办法，但是存在问题。 pageA.html-->pageB.html-->pageC.h..
Windows.history.back() + location.reload() jquery
suiusoar
10-20 364
Windows.history.back() + location.reload() jquery
苹果手机，ios系统history.back()返回却不刷新页面
weixin_37365539的博客
06-08 1510
项目里点击提交按钮以后，需要返回上一页并且刷新页面，在安卓手机上可以，但是在苹果手机上只能返回上页但是不刷新。 原文链接：https://blog.csdn.net/hbts_901111zb/article/details/76691900 在上一个页面里加一段js // 解决ios上返回上一页不刷新的问题 (function () { var isPageHide = false; window.addEventListener(‘pageshow’, function () { if (isPageH
js 退后一步并刷新，window.history.back(-1);这个只能后退一步不能刷新，
weixin_33997389的博客
07-20 536
location.href=document.referrer; document.referrer是获取上一页的url
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值