使用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,你就会发现它采用了类似这样的处理方法,原理就这么简单,具体实现可以根据自己的需求定制。


原创粉丝点击