<script>
layui.use(['laypage', 'layer', 'form'], function () {
var laypage = layui.laypage,
layer = layui.layer,
form = layui.form()
function render(data) {
var data = data.data;
var str = '';
data.map(function(oldV) {
str +=
'</div>'
})
return str;
}
function demo(curr) {
$.ajax({
url: "", //请求的url地址
dataType: "json", //返回格式为json
data: {
"page": curr || 1,
"amount": nums
}, //参数值
type: "GET", //请求方式
success: function (res) {
//请求成功时处理
console.log(res);
console.log(nums);
//请求成功时处理
var data = res.data;
var total = data.total;
$('#dateTable').html(render(data));
$('#all').html('共' + total + '条数据,每页显示');
//显示分页
laypage({
cont: 'footer', //容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:<div id="page1"></div>
pages: Math.ceil(total / nums), //通过后台拿到的总页数
curr: curr || 1, //当前页
skip: true,
jump: function (obj, first) { //触发分页后的回调
if (!first) { //点击跳页触发函数自身,并传递当前页:obj.curr
demo(obj.curr);
}
}
});
},
complete: function () {
//请求完成的处理
},
error: function () {
//请求出错处理
}
});
}
demo();
});
</script>
layui后台分页
最新推荐文章于 2024-08-03 13:41:47 发布