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

  • 相关阅读:
    POJ 2136
    POJ 2121
    POJ 2127
    POJ 2126
    POJ 2109
    POJ 2105
    POJ 2101
    POJ 2075
    Uboot — 配置过程
    Uboot — 编译体验
  • 原文地址:https://www.cnblogs.com/hust/p/2101554.html
Copyright © 2011-2022 走看看