AJAX分頁是一種常見的網頁分頁技術，通過在頁面上使用AJAX技術實現在不刷新整個頁面的情況下加載和顯示下一頁的內容。這種技術可以提升用戶體驗，減少頁面加載時間，讓用戶能夠更快速地瀏覽和切換頁面內容。
假設我們有一個新聞網站，每頁顯示10條新聞，網站上有一個“下一頁”按鈕，用戶點擊該按鈕時，會通過AJAX請求加載并顯示下一頁的新聞。我們可以使用JavaScript來實現這一功能。
// HTML代碼
<div id="news"></div>
<button id="nextButton" onclick="loadNextPage()">下一頁</button>
// JavaScript代碼
function loadNextPage() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var news = JSON.parse(this.responseText);
displayNews(news);
}
};
xmlhttp.open("GET", "news.php?page=" + nextPage, true);
xmlhttp.send();
}
function displayNews(newsData) {
var newsContainer = document.getElementById("news");
for (var i = 0; i< newsData.length; i++) {
var newsItem = document.createElement("div");
newsItem.innerHTML = newsData[i].title;
newsContainer.appendChild(newsItem);
}
}
var nextPage = 1;
loadNextPage();在上面的代碼中，我們首先在頁面上創建了一個用于顯示新聞的div容器，并添加了一個按鈕。當用戶點擊按鈕時，會觸發loadNextPage函數。
在loadNextPage函數中，我們使用了XMLHttpRequest對象來發送AJAX請求。這個對象可以發送HTTP請求并獲取服務器返回的數據。我們通過設置onreadystatechange屬性來指定一個回調函數，在接收到服務器響應時執行。當請求的readyState狀態為4（表示請求已完成）且status狀態為200（表示請求成功）時，我們會解析服務器返回的JSON格式的數據，并調用displayNews函數將新聞顯示在頁面上。
在displayNews函數中，我們首先獲取新聞容器的引用，然后使用一個循環遍歷新聞數據數組，并動態創建
元素來顯示每條新聞的標題。最后，我們將
元素添加到新聞容器中。
AJAX分頁通過將請求發送到服務器，并使用服務器返回的數據動態更新頁面內容，實現了無刷新加載下一頁的功能。用戶只需要點擊按鈕，就能快速切換到下一頁的新聞內容，大大提升了用戶體驗。
AJAX分頁還可以通過傳遞額外的參數給服務器來實現更多的功能，比如可以實現按照分類或關鍵字過濾新聞內容?？傊珹JAX分頁是一種非常實用的技術，可以在網頁上實現快速、流暢的內容切換。