要
实现图书的批量
删除，你需要使用
JSP 与 Servlet 进行后台数据处理。以下是
实现的步骤：
1. 在
JSP 页面中，创建一个表格用于显示所有
图书信息，并在每行的最后一列
添加一个复选框，用于选择需要
删除的
图书。
2. 在表格下方
添加一个“
删除”按钮，并使用 JavaScript
实现批量
删除功能。当用户点击“
删除”按钮时，遍历所有复选框，将被选中的
图书的 ID 保存到一个数组中，并使用 Ajax 异步提交给 Servlet。
3. 在 Servlet 中，获取前台传来的
图书 ID 数组，遍历数组并执行
删除操作。
以下是代码示例：
JSP 页面代码：
```html
<form>
<table>
<thead>
<tr>
<th>ID</th>
<th>书名</th>
<th>作者</th>
<th>出版社</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<%
// 获取所有
图书信息并显示在表格中
List<Book> bookList = BookDAO.getAllBooks();
for (Book book : bookList) {
%>
<tr>
<td><%=book.getId()%></td>
<td><%=book.getName()%></td>
<td><%=book.getAuthor()%></td>
<td><%=book.getPublisher()%></td>
<td><input type="checkbox" name="bookIds" value="<%=book.getId()%>"></td>
</tr>
<%}%>
</tbody>
</table>
<button type="button" onclick="deleteSelectedBooks()">
删除</button>
</form>
<script>
function deleteSelectedBooks() {
var bookIds = [];
var checkboxes = document.getElementsByName("bookIds");
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
bookIds.push(checkboxes[i].value);
}
}
if (bookIds.length == 0) {
alert("请选择要
删除的
图书");
return;
}
// 使用 Ajax 异步提交
删除请求
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
alert(this.responseText);
window.location.reload();
}
};
xmlhttp.open("POST", "deleteBooksServlet?bookIds=" + bookIds.join(","), true);
xmlhttp.send();
}
</script>
```
Servlet 代码：
```java
public class DeleteBooksServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String[] bookIds = request.getParameter("bookIds").split(",");
for (String bookId : bookIds) {
BookDAO.delete(Integer.parseInt(bookId));
}
response.getWriter().write("
删除成功");
}
}
```
在 Servlet 中，我们通过 `request.getParameter("bookIds")` 获取前台传来的
图书 ID 数组，并通过 `String.split(",")` 方法将其转换为字符串数组。然后遍历数组，调用 `BookDAO.delete()` 方法进行
删除操作。最后通过 `response.getWriter().write()` 返回
删除结果给前台。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
490
