元素來展示分頁導航欄。我們還需要在頁面底部添加一個加載更多按鈕。

HTML頁面代碼如下：

<div id="news_list">
<!-- 這里展示新聞列表 -->
</div>
<div id="pagination">
<!-- 這里展示分頁導航欄 -->
</div>
<button id="load_more_btn">加載更多</button>

接下來，我們需要編寫JavaScript代碼來實現Ajax分頁的功能。首先，我們需要使用AJAX對象來發送異步請求并處理響應。在響應處理函數中，我們將從服務器返回的數據解析為JSON對象，然后逐個添加新聞條目到新聞列表中，并更新分頁導航欄。

JavaScript代碼如下：

// 創建AJAX對象
var xhr = new XMLHttpRequest();
// 綁定加載更多按鈕的點擊事件
document.getElementById("load_more_btn").onclick = function() {
// 發送異步請求
xhr.open("GET", "load_more.php?page=" + currentPage, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 解析服務器返回的數據
var response = JSON.parse(xhr.responseText);
var newsList = response.newsList;
var pageCount = response.pageCount;
// 遍歷新聞列表
for (var i = 0; i< newsList.length; i++) {
// 添加新聞條目到新聞列表
var newsItem = document.createElement("div");
newsItem.innerHTML = newsList[i].title;
document.getElementById("news_list").appendChild(newsItem);
}
// 更新分頁導航欄
var pagination = document.getElementById("pagination");
pagination.innerHTML = "";
for (var i = 1; i<= pageCount; i++) {
var pageLink = document.createElement("a");
pageLink.innerHTML = i;
pageLink.href = "javascript:void(0);";
pageLink.onclick = function() {
// 發送異步請求
xhr.open("GET", "load_more.php?page=" + this.innerHTML, true);
xhr.send();
};
pagination.appendChild(pageLink);
}
// 更新當前頁面
currentPage++;
}
};
// 發送異步請求
xhr.send();
};

最后，我們需要創建一個用于加載新聞數據的PHP腳本。根據傳遞的頁面參數，PHP腳本從數據庫中查詢相應頁面范圍內的新聞，并將結果以JSON格式返回給JavaScript。

PHP腳本（load_more.php）代碼如下：

// 連接數據庫并查詢新聞數據
$mysqli = new mysqli("localhost", "username", "password", "database");
$page = $_GET["page"];
$perPage = 10;
$offset = ($page - 1) * $perPage;
$query = "SELECT * FROM news LIMIT $perPage OFFSET $offset";
$result = $mysqli->query($query);
// 將新聞數據轉換為JSON格式并返回給JavaScript
$response["newsList"] = array();
while ($row = $result->fetch_assoc()) {
$newsItem["title"] = $row["title"];
array_push($response["newsList"], $newsItem);
}
$response["pageCount"] = ceil($result->num_rows / $perPage);
echo json_encode($response);

通過以上步驟，我們已經完成了一個基于PHP的Ajax分頁示例。在瀏覽器中打開HTML頁面后，用戶可通過點擊加載更多按鈕來加載更多新聞，并通過點擊分頁導航欄來切換不同的頁面。這樣就能夠實現快速瀏覽更多內容的功能。 總結起來，通過上述示例，我們可以看到Ajax分頁技術的強大之處。它能夠提升用戶體驗，減少頁面加載的等待時間。在網頁開發中，我們可以使用這一技術來優化各種列表型數據的展示，提升用戶的瀏覽效率。希望讀者通過本文的介紹，能夠更好地理解和應用Ajax分頁技術。