简单实现ajax分页跳转后点击游览器自带返回按钮返回前一页
2017-08-14 10:40
531 查看
现在的分页开发趋势就是ajax刷新局部代码实现页面无刷新切换分页,这种提升了用户体验和渲染速率,但是也导致一种问题就是跳转到其他分页后点击浏览器自带的返回按钮无法跳转到上一页,因为ajax刷新局部没有改变页面地址,浏览器无法保存当前页面缓存;
在进行ajax跳转的时候,我们通过
window.location.hash = #number;
方法将当前的浏览器地址栏改变,并在页面隐藏一个input将hash值保存起来,
当点击返回的时候,使用
window.hashchange = function(){};
方法监控到地址栏的变化后执行一个回掉函数像后台传入当前页面保存的hash值请求回上一页的页面;这样就实现了点击返回后返回的是上一页
在进行ajax跳转的时候,我们通过
window.location.hash = #number;
方法将当前的浏览器地址栏改变,并在页面隐藏一个input将hash值保存起来,
当点击返回的时候,使用
window.hashchange = function(){};
方法监控到地址栏的变化后执行一个回掉函数像后台传入当前页面保存的hash值请求回上一页的页面;这样就实现了点击返回后返回的是上一页
相关文章推荐
- 在webview中浏览页面的时候,实现在点击退出按钮的时候,返回上一页而不是直接退出
- Unity实现类似于安卓原生项目的点击安卓返回按钮回到前一页的功能
- ajax_简单demo。页面存在textbox1和button1,点击按钮,返回服务器的时间,填写在textbox1中。无刷新整个页面。
- 一个窗口里包含一个iframe,点击iframe内的submit按钮,返回的视图总是显示在iframe中,我想要的效果是点击按钮后返回的视图是在浏览器窗口中...?asp.net mvc 的action中,不用js怎么实现??????????
- 单页面mui返回的问题的箭头返回的是哪个页面。点击头部左边按钮返回上一页
- 利用JS实现点击按钮后图片自动切换的简单方法
- WIN32汇编语言在窗口添加按钮,点击按钮实现跳转到一个程序或者一个URL。。。
- 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口
- Java中点击按钮返回上一页
- android开发 点击按钮弹出对话框的简单实现
- element-UI实现分页器切换页码后,点击某行就行跳转,希望返回后,页码还是保持在刚才浏览的位置
- asp.net 中点击按钮弹出模式对话框,选择值后返回到页面中(window.showModalDialog实现)
- android中webview显示网页、进度条显示进度、上一页、下一页、支持放大缩小、返回按钮2秒两次点击退出应用
- iOS引导登录、登录引导、login(点击某个功能按钮需要登录并且登录完成后自动跳转到要去的功能实现方法)
- android——实现点击两次返回按钮退出程序
- js 点击按钮弹出另一页,选择值后,返回到当前页
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- jquery返回json类型数据集合简单实现ajax返回多个数据
- 在java代码中输出Html代码实现按钮点击链接跳转
- 点击按钮播放声音简单实现。