AJAX（Asynchronous JavaScript and XML）是一種前端技術，可以實現頁面局部刷新，而不需要重新加載整個頁面。在網站開發中，常用來實現數據的異步加載和分頁查詢。通過AJAX，可以讓用戶在不刷新整個頁面的情況下，通過按鈕或鏈接獲取更多的數據。

假設我們有一個產品列表頁面，需要在頁面末尾添加一個按鈕，當用戶點擊按鈕時，通過AJAX請求服務器獲取下一頁的產品數據。在頁面加載時，我們需要先加載第一頁的數據，并渲染到頁面上。下面是代碼示例：

<!-- HTML結構 -->
<div id="product-list"></div>
<button id="load-more">加載更多</button>
<!-- JavaScript代碼 -->
<script>
var page = 1;  // 當前頁數
var pageSize = 10;  // 每頁顯示的記錄數
// 加載第一頁的數據
loadProducts(page, pageSize);
// 點擊按鈕加載更多數據
document.getElementById("load-more").addEventListener("click", function() {
page++;  // 更新當前頁數
loadProducts(page, pageSize);  // 加載下一頁的數據
});
// 加載產品數據的函數
function loadProducts(page, pageSize) {
var xhr = new XMLHttpRequest();
xhr.open("GET", "/api/products?page=" + page + "&pageSize=" + pageSize, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var products = response.products;
renderProducts(products);  // 渲染產品數據
if (products.length< pageSize) {
// 如果返回的數據不滿一頁，則說明沒有更多數據了，隱藏按鈕
document.getElementById("load-more").style.display = "none";
}
}
};
xhr.send();
}
// 渲染產品數據的函數
function renderProducts(products) {
var productListElement = document.getElementById("product-list");
for (var i = 0; i< products.length; i++) {
var productElement = document.createElement("div");
productElement.innerText = products[i].name;
productListElement.appendChild(productElement);
}
}
</script>

以上代碼中，我們首先定義了兩個全局變量：page和pageSize，分別表示當前頁數和每頁顯示的記錄數。然后，在頁面加載時，調用loadProducts函數加載第一頁的數據并渲染到頁面上。當用戶點擊"加載更多"按鈕時，使用AJAX發送GET請求到服務器指定的API接口，傳遞當前頁數和每頁顯示的記錄數作為參數。服務器接收到請求后，根據參數返回對應頁數的產品數據。

在服務器端，我們可以使用任何編程語言來處理AJAX請求，例如PHP、Java、Python等。下面是一個示例API接口的實現，使用PHP語言：

// PHP代碼
<?php
$page = $_GET["page"];  // 獲取GET請求中的page參數
$pageSize = $_GET["pageSize"];  // 獲取GET請求中的pageSize參數
// 查詢數據庫，獲取對應頁數的產品數據
$start = ($page - 1) * $pageSize;
$products = query("SELECT * FROM products LIMIT $start, $pageSize");
$response = [
"products" =>$products
];
echo json_encode($response);  // 將產品數據以JSON格式返回
?>

在上述代碼中，我們首先從GET請求中獲取page和pageSize參數，然后使用這兩個參數來計算查詢數據庫的起始位置。接著，執行查詢語句，獲取對應頁數的產品數據。最后，將產品數據以JSON格式返回給前端。

使用AJAX進行分頁查詢數據可以大幅提升用戶體驗，減少頁面加載時間。當用戶點擊"加載更多"按鈕時，頁面只會局部刷新，不需要重新加載整個頁面，從而保持用戶的當前狀態。此外，對于擁有大量數據的網站或應用程序，分頁查詢數據還可以減輕服務器的壓力，提高系統的整體性能。