zoukankan      html  css  js  c++  java
  • 解决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插件

  • 相关阅读:
    jquery两个滚动条样式
    js双层动画幻灯
    漂浮QQ
    js物理弹性窗口
    js抽奖跑马灯程序
    经典算法
    判断手机浏览器终端设备
    javascript判断手机旋转横屏竖屏
    【转】处理百万级以上的数据提高查询速度的方法
    Linux -- Centos 下配置LNAMP 服务器环境
  • 原文地址:https://www.cnblogs.com/hust/p/2101554.html
Copyright © 2011-2022 走看看