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 = 'https://www.yisu.com/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){ // 处理返回的数据 // ... } }); }
以上两种方式都可以根据当前页码和每页数量来动态传递参数。根据具体情况选择适合的方式进行传参。