社区
JavaScript
帖子详情
页面返回或后退,能够保持原页面不变,请求数据也保留
YOUTH_WYH
2016-10-24 06:24:27
我做的是一个webapp,比如,我在a页面输入某个关键字点击查询,我用的是ajax 请求,请求成功,对返回结果我做了分页处理,因为是手机端访问,所以滑动到底部就触发请求下一页的信息,当我滑动了很多页时,看到第5页的某条信息,点击进去看详情跳到了页面b,这时我在b页面返回a页面时,a页面是重新加载的,所有结果都没有
现在我的需求是返回a页面时,页面保持在我在第5页点击那条信息位置,并且前面的 5页结果也都存在
...全文
2771
8
打赏
收藏
页面返回或后退,能够保持原页面不变,请求数据也保留
我做的是一个webapp,比如,我在a页面输入某个关键字点击查询,我用的是ajax 请求,请求成功,对返回结果我做了分页处理,因为是手机端访问,所以滑动到底部就触发请求下一页的信息,当我滑动了很多页时,看到第5页的某条信息,点击进去看详情跳到了页面b,这时我在b页面返回a页面时,a页面是重新加载的,所有结果都没有 现在我的需求是返回a页面时,页面保持在我在第5页点击那条信息位置,并且前面的 5页结果也都存在
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
仰望星空的代码
2020-05-12
打赏
举报
回复
首先从b返回a是如何返回的?是相当于浏览器的前进/后退按钮的返回还是跳转方式的返回?如果想要保存a页面不变,返回a时采用调用history方式返回,window.history.go(-1)
河南棒小伙
2019-06-15
打赏
举报
回复
直接window.history.go(-1)就行了吧?不行的话,就ajax请求数据带上页码,然后记下滑动的scroll的值.
sunny蓝色暴风
2019-06-15
打赏
举报
回复
sinat_36448858
2017-03-17
打赏
举报
回复
请问这个问题如何解决
dbat.top
2016-11-22
打赏
举报
回复
你好,你这个问题如何解决的?求指教
YOUTH_WYH
2016-10-24
打赏
举报
回复
引用 1 楼 zzgzzg00 的回复:
跳转b页面前将数据用storage保存下 返回时看有数据就渲染试试
具体方法说说怎么用storage让ajax请求也在,再向下滑动时能继续加载第六页的内容
门_玻璃_天花板
2016-10-24
打赏
举报
回复
window.history.back();
似梦飞花
2016-10-24
打赏
举报
回复
跳转b页面前将数据用storage保存下 返回时看有数据就渲染试试
Html如何使表达提交后,点回退/
返回
,
保留
表单
数据
?
Html如何使表达提交后,点回退/
返回
,
保留
表单
数据
?如果a页是一个表单,提交时因某种
原
因转至出错
页面
b,如何在b中
返回
已填写
数据
的表单a(
数据
不变
)? 表单a,要
保留
的都使用class=saveHistory HTML> HEAD> META NAME="save" CONTENT="history"> STYLE> .saveHistory {be
小程序跳转新
页面
返回
时
数据
传参及
保留
原
页面
信息
这种应用场景很多地方用到,比如填写表单,需要到新
页面
选择后
返回
原
页面
。 目前常用的方法有, 1、使用全局
数据
app.globalData.mydata = xxx 2、使用 storage 储存 不过两种方法都涉及到销毁和管理的缺陷,在此推荐使用 API: getCurrentPages() 在
返回
按钮 bind 一个 handleBack ,调用
返回
页面
的setData() 方法,实现跨
页面
修改data 同时
返回
跳转使用 wx.navigateBack
保留
原
页面
已经填好的
数据
。 handleBa
vue实现前进
后退
保持
页面
状态,不被刷新
需求 在当前
页面
进行一些操作,然后需要跳转到其他
页面
进行操作并取得结果,再
返回
到当前
页面
继续操作,此时需要
保持
当前
页面
不被刷新,才能继续进行操作。但是由于vue的动态组件机制,跳转
页面
时会销毁当前组件再创建其他
页面
,如果需要保存
页面
状态,就需要将
页面
缓存起来,再次进入的时候从缓存里读取即可。 实现方法 keep-alive 使用vue提供的抽象组件keep-alive,将需要缓存的
页面
包裹起来,就能实现。在App.vue文件中添加如下代码。 <keep-alive> <router-
vue移动端使用路由跳转到新
页面
,
返回
后旧
页面
数据
保持
不变
使用keep-alive 1、在项目的app…vue文件中添加keep-alive <template> <div id="app"> <!-- <router-view/> --> <!--缓存想要缓存的
页面
,实现
后退
不刷新--> <!--加上v-if的判断,可以自定义想要缓存的组件,自定义在router里面--> <keep-alive> <router-view v
php
返回
前一页
保留
数据
,PHP服务端对用户表单
数据
验证失败后,
后退
返回
时怎样
保留
用户
原
来所填的
数据
...
《PHP服务端对用户表单
数据
验证失败后,
后退
返回
时怎样
保留
用户
原
来所填的
数据
》要点:本文介绍了PHP服务端对用户表单
数据
验证失败后,
后退
返回
时怎样
保留
用户
原
来所填的
数据
,希望对您有用。如果有疑问,可以联系我们。我们经常用到这种需要:用户填写了表单并提交,结果到了服务端验证失败了,并
返回
到表单页,但此时用户
原
来填写的内容都丢失了,需要重新填。这个时侯,你的体验会很糟,那么如何在
返回
后仍然
保留
你的
数据
...
JavaScript
87,984
社区成员
224,681
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章