解决苹果手机返回不刷新问题

问题描述：

js返回上一页的实现 : 1) history.go(-1);

2) history.back();

3) history.back(-1);

第一种方法在苹果手机上返回上一页并不刷新，导致在上一个页面中的状态未更新，第二三中方法没实验，估计也会有这个问题，在安卓手机上功能正常。

解决办法：

比如现在有 a.html 和 b.html ，从 a.html 跳到 b.html 进行操作，b.html 中的操作更改状态传到后端保存，返回到a.html时重新请求下数据就可以将对应的状态更新过来。

1、在 a.html 中的ajax请求url中添加随机数

这个方法在微信端ios 系统9之前的版本可以，但是在app中无效。

2、spa（单页路由）

这个方法可以完美解决该问题。

3、window.location.href = './a.html'

该方法能解决这个问题，但是会带来一个新问题：返回进入死循环

4、监听 pageshow 和 pagehide 方法

感觉这个是最好的办法了，对页面的改动不太大，只需在js中添加如下代码即可

$(function () {
var isPageHide = false;
window.addEventListener('pageshow', function () {
if (isPageHide) {
window.location.reload();
}
});
window.addEventListener('pagehide', function () {
isPageHide = true;
});
});

转载于:https://www.cnblogs.com/angleStudy/p/8797526.html

解决苹果手机返回不刷新问题相关推荐

解决苹果手机点击返回键页面不刷新问题
解决苹果手机点击返回键页面不刷新问题参考文章: (1)解决苹果手机点击返回键页面不刷新问题 (2)https://www.cnblogs.com/-mrl/p/7150417.html (3)htt ...
解决IOS微信浏览器底部会出现向前向后返回按钮，返回不刷新的问题
解决IOS微信浏览器底部会出现向前向后返回按钮,返回不刷新的问题参考文章: (1)解决IOS微信浏览器底部会出现向前向后返回按钮,返回不刷新的问题 (2)https://www.cnblogs.co ...
怎么解决苹果手机耗电快？
很多时候我们会为自己的手机耗电快感到烦恼,那么怎么解决苹果手机耗电快呢?一起跟随视频了解一下吧! 方法/步骤 1 首先打开手机"设置",点击"通用". 怎么解决 ...
vue项目实现列表页-详情页返回不刷新，再点其他菜单项返回刷新的需求
问题背景:有时候一些列表会有一些跳转的需求,比如跳到详情页.或者是其他相关的页面(比如跳到用户列表去查看用户的相关信息)等,此时再返回列表页,列表页会刷新重置.目前需求就是需要改成如下情况: 问题1. ...
如何点击按钮弹出新窗口，输入数据后返回并刷新页面
如何点击按钮弹出新窗口,输入数据后返回并刷新页面? 作者:孟宪会出自:[孟宪会之精彩世界] 发布日期:2003年7月8日 4点0分13秒在一些.NET论坛中有人经常会问:如何在页面中点击按钮打开新 ...
vue 上传图片视频组件，可拍照选择照片，解决苹果手机拍照旋转问题
vue 上传图片视频组件,可拍照选择照片,解决苹果手机拍照旋转问题参考文章: (1)vue 上传图片视频组件,可拍照选择照片,解决苹果手机拍照旋转问题 (2)https://www.cnblogs. ...
【vue】使用localStorage解决vuex在页面刷新后数据被清除的问题
[vue]使用localStorage解决vuex在页面刷新后数据被清除的问题参考文章: (1)[vue]使用localStorage解决vuex在页面刷新后数据被清除的问题 (2)https:// ...
ajax返回一直进入error_解决ajax返回验证的时候总是弹出error错误的方法
这篇文章主要介绍了解决ajax返回验证的时候总是弹出error错误的方法,感兴趣的小伙伴们可以参考一下发一个简单案例: 前台: 用户登录 $(function(){ var loginDialog; ...
h5 跳转上个页面刷新_关于javascript跳转与返回和刷新页面
javascript中window.open()与window.location.href的区别 1.window.open('index.html') 表示新增一个窗口打开 index.html 这 ...

解决苹果手机返回不刷新问题

解决苹果手机返回不刷新问题相关推荐

最新文章

热门文章