AJAX（Asynchronous JavaScript And XML）是一種用于創建交互性更好的網頁的技術。它通過在后臺與服務器進行數據交換，實現頁面內容的更新，無需刷新整個頁面。在網頁開發中，分頁獲取數據是一項常見的需求。本文將介紹通過使用AJAX技術來實現分頁獲取數據，并提供示例代碼。

在一個論壇的帖子列表頁面中，通常需要實現分頁展示帖子的功能。用戶通過點擊頁面上的“下一頁”按鈕，可以加載并顯示下一頁的帖子內容，而不需要刷新整個頁面。這樣可以提升用戶體驗，同時減輕服務器的壓力。

// HTML結構
<div id="post-list"></div>
<button id="next-button">下一頁</button>
// JavaScript代碼
function loadNextPage() {
var currentPage = getCurrentPageNumber();
// 發起AJAX請求獲取下一頁數據
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/posts?page=' + (currentPage + 1));
xhr.onload = function() {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var posts = response.posts;
for (var i = 0; i< posts.length; i++) {
var postElement = document.createElement('div');
postElement.innerHTML = posts[i].content;
document.getElementById('post-list').appendChild(postElement);
}
updateCurrentPageNumber(currentPage + 1);
} else {
console.error('請求失敗：' + xhr.status);
}
};
xhr.send();
}
function getCurrentPageNumber() {
// 獲取當前頁面的頁碼
// ...
}
function updateCurrentPageNumber(pageNumber) {
// 更新當前頁面的頁碼
// ...
}
document.getElementById('next-button').addEventListener('click', loadNextPage);

以上示例代碼演示了如何通過AJAX技術實現分頁獲取數據。在HTML結構中，我們使用一個id為"post-list"的div元素來展示帖子內容，還有一個id為"next-button"的按鈕用于加載下一頁。通過JavaScript代碼，我們定義了一個loadNextPage函數，該函數會在用戶點擊按鈕時被觸發。

loadNextPage函數首先調用getCurrentPageNumber函數獲取當前頁面的頁碼。然后，創建一個AJAX請求，通過GET方法請求下一頁的數據，其中page參數表示請求的頁碼。當請求成功返回后，數據被解析為一個JSON對象。我們遍歷該對象中的帖子內容，創建一個div元素并將其添加到"post-list"元素中。接著，調用updateCurrentPageNumber函數來更新當前頁面的頁碼。

通過使用AJAX技術，頁面可以動態地獲取到下一頁的數據，并在不刷新整個頁面的情況下進行更新。這為網站展示大量數據的場景提供了便利，并提升了用戶體驗。

綜上所述，AJAX技術提供了一種分頁獲取數據的解決方案，通過在后臺與服務器進行數據交換，實現頁面內容的更新，而無需刷新整個頁面。通過使用類似示例中的代碼，我們可以在網頁中實現分頁展示數據的功能，提升用戶體驗。