解决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插件

posted @ 2011-07-09 02:18  淘小杰  阅读(2695)  评论(0编辑  收藏  举报