建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery页面片段异步加载插件jquery fjax

来源:易助科技网浏览量:9收藏

简介

JQuery页面片段异步加载插件jquery fjax。插件特点:

基于锚点技术,支持所有浏览器,不需要浏览支持 history.pushState;

如果支持客户浏览器都支持 history.pushState ,建议使用 pjax;
需要引入 jquery 库,开发版本选用的是 v2.2.1,其它版本未验证。  


简单使用


<script th:src="@{${prefixPath}+'/assets/plugins/jquery-fjax/jquery.fjax.js'}" src="/assets/plugins/jquery-fjax/jquery.fjax.js"></script>
<script  type="text/javascript" th:inline="javascript">
  /*<![CDATA[*/
  $(function() {
    var fjax_options = {
      fragment:'#pagecontent',
      prefix:'/manage/',
      beginLoad:function () {console.log("begin");},
      endLoad:function () {console.log("end");},
      success:function () {console.log("success");},
      error:function () {console.log("error");},
      'default_url': 'main',
      //default hash
      'content_url': function(hash,prefix) {
        //***NOTE***
        //this is for Ace demo only, you should change it to return a valid URL
        //please refer to documentation for more info
        var hashValue=hash;
        var path = document.location.pathname;
        //var requestUrl=path + "/" +hashValue.replace(/^page\//, '');
        //var requestUrl=path + "/" +hashValue;
        console.log(prefix);
        var requestUrl=prefix+hashValue;
        console.log(requestUrl);
        
        return requestUrl;
      }
    }
    $('.page-content-area').fjax(fjax_options);
  });
  /*]]>*/
</script>



相关链接

Gitee 地址 :https://gitee.com/nnsword/jquery-fjax