HTML和Layui分頁使用方法 p標簽 HTML和Layui分頁是Web開發中常用的組件。HTML分頁是在前端實現分頁，而Layui分頁是在后端實現分頁。前者需要在頁面上構造分頁的UI，后者需要在后端返回分頁的數據。本文介紹兩種方式的使用方法。 pre標簽 HTML分頁使用方法： 1. 在頁面上構造分頁的UI：使用ul和li標簽。ul標簽是分頁的容器，li標簽是分頁的單元，包含了頁碼和頁面鏈接。

1
2
3
4

2. 給每個li標簽加上事件監聽，通過AJAX請求后臺接口獲取分頁數據。

$(document).on('click', '.pagination li a', function(e) {
e.preventDefault();
var page = $(this).text();
$.ajax({
url: '/page-data',
data: {
page: page
},
success: function(data) {
// 更新分頁數據
}
});
});

Layui分頁使用方法： 1. 引入Layui庫和分頁組件。Layui庫是一個基于jQuery的UI庫，它提供了很多方便的組件，包括分頁組件。

<link rel="stylesheet" href="layui/css/layui.css" />
<script src="layui/layui.js"></script>

2. 初始化分頁組件。通過Layui的page()方法初始化分頁組件。

layui.use(['laypage'], function() {
var laypage = layui.laypage;
laypage.render({
elem: 'pagination',
count: 100,
limit: 10,
prev: '<',
next: '>',
jump: function(obj, first) {
if (!first) {
// 使用AJAX請求后臺接口獲取分頁數據
}
}
});
});

以上就是使用HTML和Layui分頁的方法介紹。HTML分頁適合于小型網站，Layui分頁適合于大型網站。