Ajax（Asynchronous JavaScript and XML）是一種用于在Web頁面上發送和接收數據的技術。它使得網頁能夠在不需要刷新的情況下更新部分內容，從而提供更好的用戶體驗。其中，分頁加載數據是Ajax的一種典型應用，它可以將數據劃分為多個頁面，并在用戶點擊分頁按鈕時，通過Ajax請求獲取下一頁的數據，然后動態更新到頁面上。

舉個例子，假設有一個包含很多文章的網站，每頁顯示10篇文章。傳統的做法是在每個頁面都加載全部文章，當文章數量較大時，會導致頁面加載緩慢。而使用Ajax實現分頁加載數據，可以只加載當前頁面需要的10篇文章，當用戶切換到下一頁時再加載下一批文章。這種方式可以顯著提高頁面加載速度，同時也減少了網絡傳輸的數據量。

下面是一個使用Ajax實現分頁加載數據的示例代碼：

function loadPage(pageNum) {
// 發送Ajax請求獲取指定頁數的文章數據
$.ajax({
url: 'http://example.com/articles',
type: 'GET',
data: { page: pageNum },
dataType: 'json',
success: function(data) {
// 將獲取的數據動態更新到頁面上
renderArticles(data);
},
error: function() {
alert('加載失敗，請重試！');
}
});
}
function renderArticles(articles) {
// 渲染文章數據到頁面上
var $articleList = $('.article-list');
$articleList.empty();
for (var i = 0; i< articles.length; i++) {
var article = articles[i];
var $articleItem = $('
' + article.title + '
');
$articleList.append($articleItem);
}
}
$('.pagination').on('click', '.page-link', function() {
var pageNum = parseInt($(this).data('page'));
loadPage(pageNum);
});
// 初始加載第一頁的數據
loadPage(1);

在上面的示例代碼中，我們首先定義了一個loadPage函數，它接受一個pageNum參數，表示要加載的頁數。然后，通過Ajax請求，將pageNum作為參數發送給服務器，并在成功的回調函數中將獲取的文章數據傳遞給renderArticles函數進行渲染。加載失敗時，會彈出一個提示框。

renderArticles函數負責將獲取的文章數據渲染到頁面上。首先，我們通過選擇器獲取到存放文章列表的元素，并清空其中的內容。然后，使用一個循環遍歷獲取到的文章數據，將每篇文章的標題放入一個div元素中，然后將這個div元素添加到文章列表中。

最后，我們通過事件代理的方式，給分頁按鈕添加點擊事件。當用戶點擊分頁按鈕時，會獲取到按鈕上的data-page屬性值，即對應的頁數。將這個頁數傳遞給loadPage函數，然后重新加載對應頁數的文章數據。

總結起來，通過使用Ajax實現分頁加載數據，可以提高頁面加載速度，減少網絡傳輸的數據量。以上只是一個簡單的示例，實際應用中還可以根據需要修改代碼，添加一些額外的功能。希望這篇文章能幫助你理解和應用Ajax分頁加載數據的方法。