解决ajax前进后退功能
最近的项目中大量使用了ajax技术,但ajax应用中容易导致浏览器的前进后退按钮失效,不产生前进后退功能,这是个很头疼的问题,它严重的破坏了用户美好的体验,但通过改变location.hash值来解决Ajax过程中导致的浏览器前进后退按键失效的问题
Ybole.hash={
url:'',
setHash:function(a){
if(a.join)a=a.join('/');
$.browser.msie?$.locationHash(a):location.hash=a;
},
doHash:function(){
var h = location.hash.replace('#','').split('/');
if(Ybole.hash.url.join()!=h.join()){
Y.searchKeyword(h[0],h[1],h[2]);
}
}
}
$(window).hashchange(function(){
Ybole.hash.doHash();
});
这里主要说的是如何解决以前别人常遇到的重复加载的问题,主要是比较前后的hash值,看其是否相等,再判断是否要触发ajax.
Ybole.hash.url=[p.data.search,p.cate,Ybole.page.curpage];
Ybole.hash.setHash(Ybole.hash.url);这是ajax回调函数里的,保存ajax出发后的hash值避免hash值改变时重复触发
还用到了jquery的一个hashchange插件