管理系统多AJAX加载与浏览器“前进”“后退”的兼容性解决方案

常见的页面view层结构是这样子的

<include header.html>
<include menu.html>
….页面数据
<include footer.html>

点击链接则重新加载一个页面,请求后浏览器重新渲染整个页面。

 

我们想要这样的

点击菜单项,只有内容显示区域ajax刷新,头尾和菜单保持不动。既节省流量而且还提升用户体验,但是…
浏览器前进后腿菜单一直是这样子的
33
没法点啊!

我们可以这么办啊

http://m0.mail.sina.com.cn/classic/index.php?fl#action=address
我们希望浏览器记录的操作请求时,操作设置锚点,这样浏览器就会历史记录了。
当然,前端框架首次加载时最好识别锚点实现相应页面的自动打开或切换。

简单有用,记录一下。