在layui中使用分页,后台通过ajax得到Count,然后再回传pageNum,和limit
$(function() {
//第一个ajax获取count总数
$.ajax({
type: "get",
url: "/autocarrier/hdGoodsPublish/goodscount",
async: true,
success: function(data) {
console.log(data);
layui.use('laypage', function(){
var laypage = layui.laypage;
//执行一个laypage实例
laypage.render({
elem: 'page' //注意,这里的 test1 是 ID,不用加 # 号
,count: data //数据总数,从服务端得到
,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
,jump: function(obj, first){
//obj包含了当前分页的所有参数,比如:
console.log(obj.curr); //得到当前页,以便向服务端请求对应页的数据。
console.log(obj.limit); //得到每页显示的条数
//首次不执行
if(!first){
//do something
}
//第二个ajax获取当前页请求数据
$.ajax({
type: "post",
url: "/autocarrier/hdGoodsPublish/goodspage",
async: true,
data:{
curr:obj.curr,
limit:obj.limit
},
success: function(list) {
console.log(list);
dataobj=JSON.parse(list);
detail(dataobj);//调用函数
}
});
}
});
});
}
});
});
//被调用函数
function detail(dataobj){
layui.use('laytpl', function() {
var laytpl = layui.laytpl;
var getTpl = demo.innerHTML;
var tpl = laytpl(getTpl);
view = document.getElementById('view');
tpl.render(dataobj, function(html){
view.innerHTML = html;
});
});
}