使用window.location.hash解决ajax刷新和导航问题
来源:互联网 发布:中国的未来在哪里 知乎 编辑:程序博客网 时间:2024/05/18 18:22
参考地址:http://www.ggat.cn/newsInfo.html/145
hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)。
我们可以通过在进行ajax操作时设置hash属性来进行关联,从而解决页面刷新、前进和后退操作时,通过ajax修改的页面失效的问题。
实现起来很简单,比如页面上有2种ajax操作:搜索,编辑,我们可以在页面刷新后在初始化过程中执行下面代码,来恢复之前ajax的操作状态。
复制
var hash=window.location.hash; switch(hash){ case "#search": //do search window.location.hash='#search'; break; case "#edit": //do edit window.location.hash='#edit'; break; }
如果你使用过Gmail,你就会发现它采用了类似这样的处理方法,原理就这么简单,具体实现可以根据自己的需求定制。
阅读全文
0 0
- 使用window.location.hash解决ajax刷新和导航问题
- AJAX Navigation (window.location.hash)
- window.location.hash使用总结
- window.location.href和window.location.hash的区别
- 利用jsonp、iframe和location.hash解决跨域问题
- ASP.NET页面内跳转无刷新-- window.location.hash
- 安卓微信内,window.location.reload()不刷新问题
- window.location.hash解析
- window.location.hash解析
- window.location.hash详解
- window.location.hash详解
- 有关window.location.hash
- window.location.hash
- window.location.hash 使用说明
- window.location.hash
- window.location.hash 使用说明
- window.location.hash
- window.location.hash 使用说明
- tomcat域名配置
- Spring MVC 集成Velocity
- [StudyNotes] 左偏树
- python2中一些模块到python3中名称的变化
- maven 打包可执行jar
- 使用window.location.hash解决ajax刷新和导航问题
- AutoMapper官方文档(三)【约定】
- 课后作业之邮箱类
- MySQL学习笔记
- 如果其他类型更适合,则尽量避免使用字符串
- MySQL数据库连接数过多的常见原因
- 蓝桥选拔第一场(E)
- 解决Android Studio2.3导入项目在 Building gradle project info 一直卡住
- Github使用方法:如何将本地的文件夹整体上传到Github上