使用jquery或ajax仿谷歌浏览器应用市场,左右结构实现局部刷新!

实现:我要实现一个左右结构的页面,点击左面的菜单,右边显示查询的内容!
问题:1、当用ajax实现局部刷新后,当在刷新浏览器时,局部刷新的内容会丢失;
2、当用ajax实现局部刷新后,地址没有变,当地址外引时,无法到达此页面;
效果:谷歌浏览器中的应用市场,QQ空间个人档案,都是左右结构的,并且实现了刷新浏览器后,局部刷新的内容还在,地址有了变化,可以给外部引用;
高手指点:用jquery或ajax都可以,只要能实现以上的效果就行!

这个叫browser history api
可以看看这个类库,在向浏览器添加一个hash的时候不刷新浏览器http://benalman.com/projects/jquery-hashchange-plugin/
参考一下这里
https://developer.mozilla.org/en/DOM/window.history
主要是replaceState和pushState,可以让你的ajax请求或者javascript页面操作有历史记录,这样用户往后退的时候可以使用javascript响应ajax请求追问

你发的链接,我看到了效果,有历史记录;
说实话,没太看懂有局部刷新的体现,能详细些么 ?

追答

你知道浏览器通过ajax请求实际上是在url里面没有体现的吧,必须要使用history api才可以修改url,并且在浏览器历史记录里面添加一个,当浏览器回退的时候,会调用window的statechange事件,你需要在这个事件里面做响应,然后做ajax请求

追问

非常感谢,我理解了你的意思,有没有代码或者教程,我想详细的看一下!

追答

就我给你的链接 上面有example 这东西中文的很少有例子

温馨提示:答案为网友推荐,仅供参考

相关了解……

你可能感兴趣的内容

大家正在搜

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网