jPages 初始化時獲取所有數據,點擊第 2 頁不發送 AJAX 請求,僅在本地分頁。
jPages 設計為客戶端分頁:一次性拿全量數據,前端切片顯示。不內建服務端分頁 AJAX 能力。
// 使用 jQuery.jqPaginator
$('#pagination').jqPaginator({
totalPages: 100, // 總頁數,首次請求獲取
visiblePages: 5,
currentPage: 1,
onPageChange: function (num, type) {
if (type === 'change') {
$.ajax({
url: '/api/list',
data: { page: num, size: 20 },
success: function (res) {
renderTable(res.data);
}
});
}
}
});
| 插件 | 分頁模式 | 適用場景 |
|---|---|---|
| jPages | 純前端 | 數據量小(<1000 條),無需 SEO |
| jqPaginator / laypage | 服務端配合 | 大數據量、需 SEO、權限控制 |