layer分页插件使用

前端插件layerPage使用:

以前在项目中使用的分页插件,下载地址:http://layer.layui.com/,支持贤心


var total=10;//总记录数,可以后端获取,也可以再页面跳转的时候放在request里等
function loadResouse(curr){//要调用的分页函数
$.ajax({
url : "allQuestionPage.do",//发送的请求
datatype : "json",//数据类型
async : true,//同步异步
type : "post",//请求类型
data:{//带的参数
currentPage:curr||1,//当前页
total:total||0,//总页数
pageSize:4//每页记录数
},
success : function(data) {//渲染DOM
var jsonObjs = eval("("+data+")");
var jsonObj=jsonObjs[0];
var json = jsonObj.list;
   var str = '';
   for(var i = 0; i <= json.length-1; i++){
  
   }

  
   }
   document.getElementById('要填充内容的ID').innerHTML = str;
//调用分页
laypage({
   cont: $('#biuuu_all_query'),//分页标签容器
   pages: jsonObj.pages,
   skin: '#4b8df8',//自定义标签颜色
   curr: curr||1,
   groups: 3,
   jump: function(obj,first){
    if(!first){
    loadResouse(obj.curr);
            }
   }
})
}
});

}
loadResouse();//初始化

猜你喜欢

转载自201606123053.iteye.com/blog/2304709