layui 分页ajax,前端使用layui分页

引入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:返回状态

例:

6b2435065c09a0130cb5fb158f6f03ed.png