上传者: 38731479
|
上传时间: 2022-09-25 16:41:24
|
文件大小: 68KB
|
文件类型: PDF
微信内置浏览器在返回上一页面,且上一页面包含AJAX代码时,页面就会被强制刷新,极度影响用户体验。而我们想要的效果是:返回上一页面时,页面还停留在原来的状态,AJAX获取到的数据还在,滚动条也在原来的位置。
BINGO~
通过HTML5的history API + 缓存可以做到这一点。
执行原理:
1.0、通过history API的 history.pushState或 history.replaceState 保存AJAX状态;
2.0、同时将AJAX获取到的数据缓存起来(可以考虑使用H5的localStorage或sessionstorage);
3.0、当返回到这个页面时,先获取窗口的