layui的laypage刷新类型的跳页问题(非ajax异步跳页)链接直接跳转

相信懂得人自然懂上面说的刷新类型的跳页,比如我们要获取好多数据使用了laypage的分页,可是这个分页只对ajax友好,对于我们想点击第二页传递page=2参数重新刷新页面获取确不能直接进行,访问了半天的layui分页文档,依然不能得到我想要的结果,最后研究了一下,如果要强制刷新,必须在jump后面进行location.href,获取当前链接之后采用正则过滤当前页面的page参数重新加page参数就可以间接实现我们的功能.

废话不多说,直接上源码:

 var currurl=location.href;
layui.use(['form','layer','element','laypage'], function(){
  var form = layui.form,layer=layui.layer,element = layui.element,laypage=layui.laypage;//,layedit=layui.layedit;
  
    //总页数大于页码总数
  laypage.render({
    elem: 'fenye'
    ,count: {$listcount | default="0"} //数据总数
  ,curr: location.hash.replace('#!fenye=', '') //获取hash值为fenye的当前页
   ,hash: 'fenye' //自定义hash值
  ,jump: function(obj,first){
	  currurl=currurl.replace(/&page=.+/g,'');//这里有难点,解决跳转问题.
	    if(!first){ //一定要加此判断，否则初始时会无限刷新
            location.href=currurl+"&page="+obj.curr+"#!fenye="+obj.curr;
        }
      console.log(obj)
    }
  });

这样就解决了我们的直接点击页码直接跳转响应点击的page页码直接刷新加载了

转载请注明：稻香的博客 » layui的laypage刷新类型的跳页问题(非ajax异步跳页)链接直接跳转