前端插件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();//初始化