页面跳转再返回时原有页面数据的保存问题

场景:一个页面如果通过ajax请求加载数据时,如果跳转到下一页面再回来,这时候数据会消失,需要再次通过ajax请求拿到。
目标:返回上一页时,上一页ajax请求的数据还在。
解决方案:
1.cookie,通过cookie的方式保存数据,每次打开页面时需判断cookie中的数据是否存在,然后加载。
个人不推荐这种方式,因为cookie保存的数据大小有限制,而且这个cookie不管是以什么方式跳转该页面都会取到同一cookie。

2.不知道各位发现没有,input框里面的值在界面跳转时会保留下来(好像只限于type=text的情况),而且只有在界面回退时input框才会显示之前的值。知道这个后就能做很多事了。
(1)我们可以先弄一个隐藏域,然后把input框放进去
(2)通过ajax请求的数据都用一个js对象或数组保存下来,界面跳转时放到input里面,这里推荐把数据用json的格式存储,取的时候直接把json转成对象就好了。
(3)加载页面时,判断隐藏域中的input框是否有值,如果有值,把值处理后放到界面上展示并同样把数据用js对象保留下来(因为可能下次跳转还会用到);没有值,就按照新跳转到该界面的情况处理。

注意:微信打开网页时的处理略有不同,需要在界面跳转时加上延时函数。因为界面跳转时,有可能数据还没放到input里面就已经跳转界面了,导致input里面并没有保存数据

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,107评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,314评论 25 709
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 33,317评论 18 399
  • 第一次发现,很想一个人,却不知道这个人身在何方,如今是哪般模样。淅淅沥沥的雨声伴着入睡,一场夜雨又变回冬装的...
    SHE林阅读 2,915评论 0 0
  • 健康与营养是人人都关心的话题,什么样的健康程度可以让你满意? 敏锐的思维;更好的记忆力;强壮的体魄;恢复能力强;乐...
    罗随缘阅读 3,388评论 2 8

友情链接更多精彩内容