浏览器"后退"时 强制刷新页面

最新推荐文章于 2021-11-10 10:34:58 发布
最新推荐文章于 2021-11-10 10:34:58 发布
阅读量8k 收藏 5
点赞数
分类专栏： Web前端 文章标签： 缓存 浏览器 后退
本文介绍了一种通过设置HTTP响应头来禁用浏览器缓存的方法，以此确保用户每次请求都能获取到最新数据，避免因缓存导致的数据不一致问题。

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

    由于一些操作的特殊性，点浏览器后退按钮时，必须刷新后退到的页面。

    解决的方式或许有很多种，但经过测试，最终找到了一种比较可行的方案：设置回退页的头缓存(没缓存了自然就会刷新了)   

<%
	response.setHeader("Cache-Control","no-store");
	response.setDateHeader("Expires", 0);
	response.setHeader("Pragma","no-cache"); 
%>

手机浏览器 后退按钮强制刷新页面方法总结
01-19
由于A界面的数据是通过ajax交互的，当你跳转到B界面，点击手机浏览器自带的后退回到A界面，由于缓存原因，读取到的数据不是最新的数据。 查了很多资料，看到网上的解决方法是清理缓存，然后页面重新向服务器发出请求。 下面整理一下，解决这个问题的方法。 方法1，HTML头部，禁止缓存： <meta http-equiv=Expires CONTENT=0> <meta http-equiv=Cache-Control CONTENT=no-cache> <meta http-equiv=Pragma CONTENT=no-cache> 注：（手机端）此方法行不通，
浏览器后退强制刷新页面
weixin_30662539的博客
09-06 427
问题描述 业务的支付支持分多次支付，每次支付的金额由购买人自己决定，即用购买人自己输入。点击下一步跳转到收银台，提交方式是post form 表单，跳转到收银台之后，选择相应的支付方式。 。今天测试测出了一个bug,确认收货页面展现的支付金额是0.01元，而实际的支付金额为0.03元。 浏览器：Chrome。 查找问题 拿到业务单号，查询支付记录，查询到了该业务单号在不到1s的时间间隔出...
浏览器返回刷新页面
极客on之路
11-24 1240
的时候浏览器返回操作我们想刷新页面，从服务器重新获取数据，此时就需要浏览器不将浏览记录保存在缓存中。 1. 设置页面为不缓存，访问上一次页面就需要重新去服务器获取。 HTML [html] view plain copy  print? pre>         META HTTP-EQUIV="pragma" CONTENT="no
浏览器回退到上一页，刷新历史页面，清除缓存的方法
十年砍柴的博客
11-10 4555
在一些场景中，我们点击浏览器默认的返回上一页按钮，需要刷新页面重新加载数据，比如用户在购物车页面去购买后，当用户在购买后通过返回键回到购物车页面时，我们需要去掉已经购买的商品，只显示剩余未购买的商品在购物车里。或者是一个表单信息填写页，产品说填写保存成功后跳到一个新页面，并且不允许用户修改，那么当用户通过浏览器“后退”按钮返回历史页面时，一般浏览器都会直接读取缓存里的数据，哪怕是设置了页面不缓存，如下： <meta http-equiv="Pragma" content="no-cache"&gt
浏览器后退刷新页面
SJ1239547218的博客
09-06 583
# 浏览器后退刷新页面 window.onpopstate = function() { # 执行相关逻辑 location.reload(); # 刷新 }
解决微信内置浏览器返回上一页强制刷新问题方法
08-31
在微信内置浏览器中，用户在返回上一页面时遇到的问题是页面被强制刷新，这会导致AJAX加载的数据丢失，用户体验大打折扣。为了解决这个问题，我们可以利用HTML5的History API结合缓存机制来实现理想的效果，即返回上...
当用户退出点击浏览器后退仍可回到原来页面的解决方案
09-02
总结起来，解决用户退出后仍能通过浏览器后退返回原页面的问题，需要综合运用多种技术，包括禁用缓存、控制浏览器历史记录、重定向以及通过AJAX进行无刷新处理。每种方法都有其局限性，开发者应根据实际应用环境和...
点浏览器"后退"按钮后强制刷新页面
hwpokay的专栏
05-26 181
页面的表单里input和select控件大约有80来个,本来想用js实现这样的重置,但感觉这样太累人了,于是到网上转了转,终于找到更简单明了的东东. &lt;%    response.setHeader("Cache-Control","no-store");    response.setDateHeader("Expires", 0);    response.setHeader("Pra...
浏览器自带返回与自带返回强制刷新和锚点功能
weixin_30414635的博客
10-24 262
一般来说 a页面点击跳转到b页面，b页面点击浏览器的返回，回到刚才a页面到点击位置 是一般浏览器都会这样做的 但是如果你在返回时不得不给浏览器刷新那么他返回就没法回到之前点击的位置了那么我们就需要用到锚点功能了，但是很可耻的是我们没法获取到浏览器自带的返回事件 那怎么办啊？ 问了群了的大牛们他们给了个思路 分为几种情况1，浏览器不清除缓存的话，你返回的页面，会自动跳回之前你点击的地...
js页面后退刷新前进
03-20
js页面后退刷新前进
js实现浏览器后退页面刷新
weixin_30270561的博客
07-11 586
最近在开发中遇到一个问题： 在一个列表页面，点击进入详情，详情页面对其状态操作，其详情页面有做修改，然后点击浏览器后退，返回到列表页，在列表页面状态还是操作之前的，为解决状态统一需要手动刷新改列表页。通过一番折腾，终于查到相关的解决方案，实现方式如下： 1、在页面中增加隐藏域 <inputtype="hidden"id="refreshed"value="no"> 2、...
点击浏览器的返回按钮或手机的返回按钮让页面刷新
sinat_38818576的博客
03-06 510
&amp;lt;!doctype html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;wispanh=device-wispanh, init
点击浏览器的返回按钮或者手机上的返回按钮页面刷新解决方法
w36680130的博客
10-02 1071
点击浏览器的返回按钮或者手机上的返回按钮页面刷新解决方法
window、iframe、layer父子页面数据互调
周末未至
07-29 1648
1、返回上一个访问地址（页面） window.history.back(); 2、返回上一个访问地址（页面），同时进行刷新操作 window.location = document.referrer; 3、点击链接以新窗口（window）的形式打开，在新窗口刷新前一个窗口（页面） // 刷新前一个窗口内容 window.opener.location.reload(); // 关闭...
解决微信浏览器返回上一页面强制刷新的问题
L1829427的博客
05-19 1万+
微信浏览器，Chrone PC版浏览器，在返回上一页面，且上一页面包含AJAX代码时，页面就会被强制刷新，极度影响用户体验。 而我们想要的效果是：返回上一页面时，页面还停留在原来的状态，AJAX获取到的数据还在，滚动条也在原来的位置。 通过 HTML5 的 history API + 缓存 可以做到这一点。 原理： 通过history API的 history.pu
解决浏览器返回页面刷新问题
qq_45490619的博客
04-18 2851
1.常见场景 倒计时、弹框等场景。 2.涉及到的知识点 sessionStorage：1）遵循同源策略；2）用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据 onpageshow：在用户访问页面时触发 onpagehide：在用户离开当前网页跳转到另外一个页面时触发 reload：重新加载当前文档 要考虑部分浏览器不支持sessionStorage、onpagesh...
如何在点击浏览器前进、后退键时刷新页面而不读取缓存
热门推荐
筱筱的专栏
05-24 1万+
本文说明：是汇总了网上说的有用的方法 一、 有时在处理服务器页面如表单时，浏览器前进、后退键会带来麻烦，无法使页面获取最新的数据，从而会导致意外产生，这时解决办法有两种，一是可以利用js禁用前进、后退键；二是当点击前进、后退键后自动刷新页面，那么就需要禁掉页面缓存，因为浏览器首先会读取缓存，如果没有才再请求服务器； 方法二禁用缓存如下： 客户端代码： asp服务
H5页面在某些手机自带浏览器后退不刷新的问题
JH0610Y的专栏
07-22 1159
在一个项目里，点击首页头像，跳转登录页，登录完成后自动后退上一页并刷新。此时用到的代码是： window.history.back(); 这个后退上一页dai代码，当时测试不全面，只在部分手机浏览器上测试通过，所以并没有发现不妥，后来，同事偶然发现在华为p30手机自带浏览器上，登录后退后，数据不同步的问题。 经过一番查询，发现了一个新的有效代码： window.location.href=document.referrer; 这个亲测，有效。 ...
web页面强制刷新方法js
最新发布
11-16
在JavaScript中，有几种方法可以强制刷新Web页面： 1. **location.reload()**：这是最直接的方式，通过调用`window.location.reload()`函数，浏览器会重新加载当前页面。你可以传入一个布尔值作为第二个参数，如果设置为`true`，则默认加上`?reload=true`，避免缓存影响。例如： ```javascript window.location.reload(true); ``` 2. **location.assign()** 或者 `window.location.href`：可以将URL重置为当前页面的URL，达到刷新效果： ```javascript window.location.assign(window.location.href); ``` 3. **history.back() 和 history.forward()**配合使用：虽然这不是专门的刷新，但可以模拟。首先前进一格（回到上一页），然后再次后退（实际上就是刷新了当前页）。注意这依赖于用户的历史浏览记录： ```javascript history.go(-2); // 前进两步 ``` 4. **meta标签刷新**：在HTML头部添加`<meta>`标签，设置`http-equiv="refresh"`属性，指定时间间隔后自动刷新： ```html <meta http-equiv="refresh" content="5; url=your-url"> ``` 这里5秒后页面会自动跳转到`your-url`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值