jQuery技术

jQuery load 局部刷新

字号+ 作者:H5之家 来源:H5之家 2015-11-12 13:31 我要评论( )

jQuery load 局部刷新

用法

  • jQuery ajax - load() 方法

  • 运行环境

    jQuery的load()方法跟jQuery AJAX一样都需要用到服务器端来支持,所以你会发现如果你只是写了静态页面并直接双击运行,浏览器会给你一个XMLHttpRequest cannot load的错误,你需要把代码放在服务器上才能运行。

    深入使用

    如果单单是使用load()方法,你就会发现,在ajax请求中,不能更新地址栏,地址栏上的“前进”和“后退”按钮就失效了,带来了另外一种糟糕的用户体验。


    解决方案有三种,分别是(详情使用请移步:Ajax保留浏览器历史的解决方案):

    使用方案

    由于我需要兼容ie6以上的浏览器,加上jQuery.History.js不再维护,所以我选择第三种方案来解决以上问题。期间我遇到了以下问题:

  • 在jquery 1.9以上版本中,控制台会提示msie找不到的问题,原因是browser属性已经被移除


  • 解决方法:

  • 官方建议使用 Modernizr 库

  • 在引入 jquery 和 jquery.ba-hashchange.js 代码期间引入以下js代码

  • jQuery.browser={};(function(){jQuery.browser.msie=false; jQuery.browser.version=0;if(navigator.userAgent.match(/MSIE ([0-9]+)./)){ jQuery.browser.msie=true;jQuery.browser.version=RegExp.$1;}})();




     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • 7个有用的jQuery小技巧

      7个有用的jQuery小技巧

      2016-02-26 13:02

    • jQuery制作select双向选择列表

      jQuery制作select双向选择列表

      2016-02-26 11:00

    • 全面详细的jQuery常见开发技巧手册

      全面详细的jQuery常见开发技巧手册

      2016-02-26 10:02

    • 强大的jQuery移动插件Top 10

      强大的jQuery移动插件Top 10

      2016-02-25 09:05

    网友点评
    <