引入layui相关组件layui.use([ 'form', 'laypage'], function() {
var $ = layui.$;
var laypage = layui.laypage;
var form = layui.form;
function sel(message,page,limit){
$.ajax({
url:'${path}/interview/select',
data:{message:message,page:page,limit:limit},
dataType:'json',
type:'get',
success:function(res){
laypage.render({
elem: 'demo7'
,count:res.count
,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
,jump: function(obj,first){
console.log(obj);
if(first){//第一次
console.log("-")
}else{//查询数据直接渲染
$.ajax({
url:'${path}/interview/select',
data:{message:message,page:obj.curr,limit:obj.limit},
dataType:'json',
type:'get',
success:function(res){
console.log(res);
}
})
}
}
});
},error:function(){
layui.msg("网络异常");
}
})
}
sel("",1,10);
$("#sear").click(function(){
sel($("#message").val(),1,10);
})
});
返回结构:{count: 56, data: ["1", "2", "3"], code: 0}
count:数据总量,data:数据,code:返回状态
例: