博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决苹果手机返回不刷新问题
阅读量:7123 次
发布时间:2019-06-28

本文共 745 字,大约阅读时间需要 2 分钟。

问题描述:

   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、监听 pageshowpagehide 方法

         感觉这个是最好的办法了,对页面的改动不太大,只需在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

你可能感兴趣的文章
PYTHON1.day10
查看>>
ThinkPHP/---获取今天开始的时间戳与结束的时间戳
查看>>
【OCP-12c】2019年CUUG OCP 071考试题库(79题)
查看>>
Centos 7.0 Linux - 给普通用户加sudo权限
查看>>
OO第二阶段总结
查看>>
eclipse创建的maven项目中使用javafx
查看>>
如何快速熟悉公司的旧代码
查看>>
python+ddt+unittest+excel+request实现接口自动化
查看>>
第八周周记
查看>>
Jni Error(app bug): accessed stale local reference 的另类出现方式
查看>>
myeclipse 解决乱码问题
查看>>
iOS Https 配置 及AFN 相关配置
查看>>
Table-Valued Parameters in SQL Server 2008 (ADO.NET)
查看>>
推荐系统常用的算法参考
查看>>
[Todo] Java并发编程学习
查看>>
Redis cluster学习 & Redis常识 & sort操作
查看>>
mysql 中实现多条数据同时更新
查看>>
2011 ACM/ICPC 成都赛区(为2013/10/20成都现场赛Fighting)
查看>>
Linux技术进阶示意图
查看>>
php设计模式课程---6、策略模式如何使用
查看>>