AJAX分頁查詢是一種常見的技術，可以實現在不刷新整個頁面的情況下，通過異步請求服務器數據并刷新表格的功能。這種技術可以提供更好的用戶體驗，增強網頁的響應速度。例如，假設我們有一個學生信息管理系統，我們可以使用AJAX分頁查詢來實現在表格中顯示學生的信息，并且可以按照不同的條件進行查詢，如按照姓名、年齡、成績等。在本文中，將詳細介紹如何使用AJAX分頁查詢來刷新表格數據，并提供一些示例代碼。

首先，讓我們來看看如何通過AJAX異步請求服務器數據。在HTML頁面中，我們可以定義一個表格，用于顯示學生信息。我們可以使用一個按鈕或者其他觸發事件的方式，來觸發AJAX請求。例如，當用戶點擊查詢按鈕時，我們可以調用一個JavaScript函數來發送AJAX請求，并將結果顯示在表格中。

function searchStudents() {
var name = document.getElementById("nameInput").value;
var age = document.getElementById("ageInput").value;
var score = document.getElementById("scoreInput").value;
// 將查詢條件作為參數傳遞給服務器
var url = "search.php?name=" + name + "&age=" + age + "&score=" + score;
// 創建AJAX對象
var xhr = new XMLHttpRequest();
// 設置回調函數，當服務器響應請求時調用
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 將服務器返回的數據解析為JSON格式
var data = JSON.parse(xhr.responseText);
// 清空表格數據
document.getElementById("studentTable").innerHTML = "";
// 遍歷數據，將每個學生的信息添加到表格中
for (var i = 0; i< data.length; i++) {
var student = data[i];
var row = "" + student.name + "" + student.age + "" + student.score + "";
document.getElementById("studentTable").innerHTML += row;
}
}
};
// 發送AJAX請求
xhr.open("GET", url, true);
xhr.send();
}

上面的代碼中，我們首先獲取查詢條件的值，然后構建請求的URL，將查詢條件作為參數傳遞給服務器。接下來，創建一個XMLHttpRequest對象，并設置其onreadystatechange事件回調函數，當服務器響應請求時調用。在回調函數中，我們首先將服務器返回的數據解析為JSON格式，并清空表格數據。然后，遍歷數據，將每個學生的信息添加到表格中。

為了實現分頁功能，我們還需要在服務器端進行額外的處理。服務器端需要接受分頁參數，并根據參數查詢相應的數據。在這個例子中，我們可以使用PHP編寫一個函數來查詢學生信息，并返回結果。我們可以定義兩個參數，一個是當前頁數，一個是每頁顯示的記錄數。例如，在search.php文件中：

function searchStudents($page, $pageSize) {
$name = $_GET["name"];
$age = $_GET["age"];
$score = $_GET["score"];
// 根據查詢條件構建SQL查詢語句
$sql = "SELECT * FROM students WHERE name LIKE '%$name%' AND age >= $age AND score >= $score LIMIT " . ($page - 1) * $pageSize . ", $pageSize";
// 執行查詢，并將結果轉換為JSON格式返回
$result = mysqli_query($conn, $sql);
$students = array();
while ($row = mysqli_fetch_assoc($result)) {
$students[] = $row;
}
echo json_encode($students);
}
$page = $_GET["page"];
$pageSize = $_GET["pageSize"];
searchStudents($page, $pageSize);

上面的代碼中，我們首先獲取查詢條件的值，然后根據條件構建SQL查詢語句。在查詢結果中，我們只獲取當前頁的數據，并將結果轉換為JSON格式返回。注意，我們使用LIMIT語句來限制查詢結果的數量和偏移。

最后，我們需要在HTML頁面中添加分頁控件。我們可以使用一個JavaScript函數來處理分頁的邏輯，并在用戶點擊分頁按鈕時觸發AJAX請求。例如，在HTML頁面中：

<div id="pagination">
<button onclick="previousPage()">Previous</button>
<button onclick="nextPage()">Next</button>
</div>

上面的代碼中，我們定義了一個pagination的div元素，并在其中添加了兩個按鈕，用于切換上一頁和下一頁。在JavaScript函數中，我們維護了當前頁數和每頁顯示的記錄數，并根據用戶點擊按鈕的不同來修改頁數，并調用searchStudents函數。

通過上述的例子，我們可以看到，使用AJAX分頁查詢可以方便地實現刷新表格數據的功能。通過異步請求服務器數據，并根據查詢條件來返回相應的結果，我們可以在不刷新整個頁面的情況下，實現快速、動態地刷新表格數據。這不僅提高了用戶的體驗，還增強了網頁的響應速度。