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

转载于:https://www.cnblogs.com/hust/archive/2011/07/09/2101554.html