layui分页如何传参数-开发者知识库平台

layui分页如何传参数

layui

1477

2023/8/23 4:20:54

栏目: 编程语言

Layui分页主要通过url参数进行传递，可以通过两种方式传参：

在url中直接传递参数：

// 设置url参数
var url = '/api/getData?page=' + pageNum + '&pageSize=' + pageSize;
// 使用Layui分页组件
layui.use('laypage', function(){
var laypage = layui.laypage;
laypage.render({
// ...
jump: function(obj, first){
// ...
// 修改url参数
window.location.href = '/api/getData?page=' + obj.curr + '&pageSize=' + obj.limit;
}
});
});

使用自定义函数传递参数：

// 设置url参数
var url = '/api/getData';
// 使用Layui分页组件
layui.use('laypage', function(){
var laypage = layui.laypage;
laypage.render({
// ...
jump: function(obj, first){
// ...
// 修改url参数
getData(obj.curr, obj.limit);
}
});
});
// 自定义函数，用于发送请求获取数据
function getData(pageNum, pageSize){
// 发送ajax请求
$.ajax({
url: url,
data: {
page: pageNum,
pageSize: pageSize
},
success: function(res){
// 处理返回的数据
// ...
}
});
}

以上两种方式都可以根据当前页码和每页数量来动态传递参数。根据具体情况选择适合的方式进行传参。

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

layui分页如何传参数

最新知识库

相关标签