简单实现ajax分页跳转后点击游览器自带返回按钮返回前一页

现在的分页开发趋势就是ajax刷新局部代码实现页面无刷新切换分页,这种提升了用户体验和渲染速率,但是也导致一种问题就是跳转到其他分页后点击浏览器自带的返回按钮无法跳转到上一页,因为ajax刷新局部没有改变页面地址,浏览器无法保存当前页面缓存;

在进行ajax跳转的时候,我们通过

window.location.hash = #number;

方法将当前的浏览器地址栏改变,并在页面隐藏一个input将hash值保存起来,

当点击返回的时候,使用

window.hashchange = function(){};

方法监控到地址栏的变化后执行一个回掉函数像后台传入当前页面保存的hash值请求回上一页的页面;这样就实现了点击返回后返回的是上一页