溫馨提示×

layui分頁如何傳參數(shù)

小億
364
2023-08-09 04:20:54
欄目: 編程語言

Layui分頁主要通過url參數(shù)進行傳遞,可以通過兩種方式傳參:

  1. 在url中直接傳遞參數(shù):
// 設(shè)置url參數(shù)
var url = '/api/getData?page=' + pageNum + '&pageSize=' + pageSize;
// 使用Layui分頁組件
layui.use('laypage', function(){
var laypage = layui.laypage;
laypage.render({
// ...
jump: function(obj, first){
// ...
// 修改url參數(shù)
window.location.href = '/api/getData?page=' + obj.curr + '&pageSize=' + obj.limit;
}
});
});
  1. 使用自定義函數(shù)傳遞參數(shù):
// 設(shè)置url參數(shù)
var url = '/api/getData';
// 使用Layui分頁組件
layui.use('laypage', function(){
var laypage = layui.laypage;
laypage.render({
// ...
jump: function(obj, first){
// ...
// 修改url參數(shù)
getData(obj.curr, obj.limit);
}
});
});
// 自定義函數(shù),用于發(fā)送請求獲取數(shù)據(jù)
function getData(pageNum, pageSize){
// 發(fā)送ajax請求
$.ajax({
url: url,
data: {
page: pageNum,
pageSize: pageSize
},
success: function(res){
// 處理返回的數(shù)據(jù)
// ...
}
});
}

以上兩種方式都可以根據(jù)當前頁碼和每頁數(shù)量來動態(tài)傳遞參數(shù)。根據(jù)具體情況選擇適合的方式進行傳參。

0