Ajax批量删除是一种在网页开发中常见的操作，它允许用户通过一次HTTP请求来删除多个项目或数据，这种技术可以提高用户体验，减少页面刷新次数，提高网站性能，本文将详细介绍如何使用Ajax实现批量删除功能。
1、基本原理
Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新，这意味着可以在不影响页面显示的情况下，与服务器交换数据并更新部分网页内容。
批量删除的基本原理是在用户选择多个需要删除的项目后，通过JavaScript和Ajax向服务器发送一个包含这些项目ID的请求，服务器接收到请求后，根据ID从数据库中删除相应的记录，并将操作结果返回给客户端，客户端根据返回的结果更新页面显示。
2、实现步骤
要实现Ajax批量删除功能，需要完成以下步骤：
（1）前端HTML和JavaScript编写：首先需要编写一个包含多行数据的表格，每行数据都有一个复选框，当用户选中某个复选框时，将其对应的项目ID添加到一个数组中，编写一个按钮，当用户点击该按钮时，触发批量删除操作。
（2）后端PHP处理：在服务器端，需要编写一个处理批量删除请求的PHP脚本，该脚本接收到一个包含多个项目ID的数组，然后遍历数组，根据每个ID从数据库中删除相应的记录，将操作结果返回给客户端。
（3）Ajax请求和响应：在前端JavaScript中，使用Ajax向后端PHP脚本发送请求，请求的数据包括项目ID数组和一个表示操作类型的参数（delete”），当请求成功时，根据返回的操作结果更新页面显示。
3、示例代码
以下是一个简单的Ajax批量删除功能的示例代码：
前端HTML和JavaScript代码：
<!DOCTYPE html>
<html>
<head>
<title>Ajax批量删除示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<table id="data-table">
<tr>
<th><input type="checkbox" id="select-all"></th>
<th>项目ID</th>
<th>项目名称</th>
</tr>
<tr>
<td><input type="checkbox" class="item-checkbox" value="1"></td>
<td>1</td>
<td>项目1</td>
</tr>
<tr>
<td><input type="checkbox" class="item-checkbox" value="2"></td>
<td>2</td>
<td>项目2</td>
</tr>
<tr>
<td><input type="checkbox" class="item-checkbox" value="3"></td>
<td>3</td>
<td>项目3</td>
</tr>
</table>
<button id="delete-btn">批量删除</button>
<script src="delete.js"></script>
</body>
</html>
前端JavaScript代码（delete.js）：
$(document).ready(function() {
$("#select-all").click(function() {
$(".item-checkbox").prop("checked", $(this).prop("checked"));
});
$("#delete-btn").click(function() {
var itemIds = [];
$(".item-checkbox:checked").each(function() {
itemIds.push($(this).val());
});
if (itemIds.length === 0) {
alert("请至少选择一个项目");
return;
}
$.ajax({
url: "delete_items.php",
type: "POST",
data: {ids: itemIds, action: "delete"},
success: function(response) {
if (response === "success") {
alert("批量删除成功");
location.reload();
} else {
alert("批量删除失败");
}
},
error: function() {
alert("请求失败，请稍后重试");
}
});
});
});
后端PHP代码（delete_items.php）：
<?php
// 连接数据库等初始化操作省略...
$ids = $_POST['ids']; // 获取项目ID数组
$action = $_POST['action']; // 获取操作类型参数
$result = array(); // 存储操作结果的数组
if ($action === "delete") { // 如果操作类型为“delete”则执行批量删除操作
try {
$conn->beginTransaction(); // 开始事务处理
for ($i = 0; $i < count($ids); $i++) { // 遍历项目ID数组，执行删除操作
$sql = "DELETE FROM items WHERE id = ?"; // SQL语句模板，用于删除指定ID的项目记录
$stmt = $conn->prepare($sql); // 准备SQL语句对象，绑定参数值以防止SQL注入攻击
$stmt->bindParam(1, $ids[$i]); // 绑定参数值到SQL语句中的占位符位置上（id字段）
$stmt->execute(); // 执行SQL语句，删除记录并返回受影响的行数（成功删除时返回1）
$result[] = $stmt->rowCount(); // 将受影响的行数添加到结果数组中，以便后续统计操作结果数量和判断是否全部成功删除了记录（如果所有受影响的行数都等于1，则说明全部成功删除了记录）