本文將介紹使用Ajax實現批量刪除功能的代碼。批量刪除功能是在網站開發中常見的一個需求，它允許用戶選擇多個條目并同時刪除它們。通過使用Ajax，我們可以在不刷新頁面的情況下向服務器發送請求，并更新頁面內容。

首先，讓我們來說明一下這個功能是如何工作的。假設我們有一個學生信息管理系統的網頁，其中包含一個學生列表以及一個批量刪除按鈕。用戶可以在列表中選擇多個學生，并點擊批量刪除按鈕以刪除選中的學生記錄。當用戶點擊按鈕時，頁面會向服務器發送一個刪除請求，并根據服務器的響應來更新頁面。

接下來，讓我們來看一下代碼是如何實現的。首先，我們需要在頁面中引入jQuery庫，因為我們將使用其提供的Ajax函數來發送請求。在標簽中添加以下代碼：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

然后，我們需要為批量刪除按鈕添加一個點擊事件，當用戶點擊按鈕時，我們將發送一個包含選中學生的ID列表的請求。我們可以通過為每個學生列表項添加一個復選框來實現多選功能。以下是示例代碼：

<script>
$(document).ready(function() {
$('#delete-button').click(function() {
var selectedStudents = [];
$('input[type=checkbox]:checked').each(function() {
selectedStudents.push($(this).val());
});
$.ajax({
url: 'delete.php',
type: 'POST',
data: { students: selectedStudents },
success: function(response) {
// 更新頁面內容
},
error: function() {
alert('刪除請求失敗。');
}
});
});
});
</script>

在上述代碼中，我們首先為批量刪除按鈕添加了一個點擊事件處理程序。當按鈕被點擊時，該處理程序將被觸發。然后，我們創建了一個空數組selectedStudents來存儲選中的學生ID。使用jQuery的each()函數遍歷所有選中的復選框，并將它們的值（即學生ID）添加到selectedStudents數組中。

接下來，我們使用Ajax函數發送一個POST請求到delete.php文件。我們將selectedStudents數組作為數據發送給服務器，并在服務器端進行處理。在刪除操作完成后，服務器將返回一個響應。我們可以在Ajax的success回調函數中處理此響應，例如更新頁面內容或顯示一個成功消息。在上面的代碼中，我們將更新頁面內容的代碼留空，你可以根據具體的需求來填寫。

最后，我們需要在delete.php文件中編寫服務器端代碼來處理刪除請求。以下是一個簡單的示例：

<?php
$selectedStudents = $_POST['students'];
// 執行刪除操作
// 返回響應
?>

在上述代碼中，我們先獲取通過POST請求發送的selectedStudents數組。然后，我們可以根據具體的需求執行刪除操作，并返回一個響應給客戶端。

通過以上所述的代碼，我們可以實現一個簡單的批量刪除功能。用戶可以選擇多個學生并點擊批量刪除按鈕，在不刷新頁面的情況下刪除選中的學生記錄。通過使用Ajax，我們可以提供更好的用戶體驗，使網頁更加動態和易用。