//先初始化加载首页,十条数据
//getListData(1, 10);
//请求接口数据
function getListData(page) {
$.submit({
url: "",
data: {
"page": page,
},
func: function(data) {
//获取数据条数
data = JSON.parse(data);
appendData(data.result.dataList); //这个方法是用来拼接数据展示在页面上的
paged(data.result.pageCount, data.current); //分页器
}
})
}
//分页器
function paged(pageCount,curr) {
layui.use(['laypage', 'layer'], function() {
var laypage = layui.laypage,
layer = layui.layer;
laypage.render({
elem: 'demo3',
//first: '首页',
//last: '尾页',
prev: '<em>←</em>',
next: '<em>→</em>',
count: pageCount,//总数量
curr: curr,
limit: 10, //每页数量
jump: function(obj, first) {
console.log(obj)
//模拟渲染
currPage = obj.curr; //这里是后台返回给前端的当前页数
if (!first) { //点击跳页触发函数自身,并传递当前页:obj.curr ajax 再次请求
//清空以前加载的数据
$('ul').empty();
getListData(currPage);
}
}
});
});
}
//分页数据展示页面
function appendData(list) {
let str = ''
list.forEach(elem => {
str += '<li>' + ele.name + '</li>'
})
$('ul').append(str)
}