jsp jQuery Ajax 实现批量删除

<%@ page language=“java” contentType=“text/html; charset=UTF-8” pageEncoding=“UTF-8”%>
<%@ taglib uri=“http://java.sun.com/jsp/jstl/core” prefix=“c”%>
<%@ taglib uri=“http://java.sun.com/jsp/jstl/fmt” prefix=“fmt”%>

<div>

	<h1>图书信息展示</h1>

	<br />

	<button type="button" class="btn btn-danger" onclick="deleteBooksByIds(${pageIndex});">
		<span class="glyphicon glyphicon-trash"></span>
		批量删除
	</button>
	<br />
	<br />

	<table class="table table-hover">
		
		<tr class="info">
			<th>
				<input type="checkbox" id="checkAll">
				全选
			</th>
			<th>数据编号</th>
			<th>图书名称</th>
			<th>作者</th>
			<th>添加日期</th>
			<th>图书价格</th>
			<th>操作</th>
		</tr>
		<c:forEach items="${bookList}" var="book" varStatus="stat">
			<tr class="default" align="center">
				<td>
					<input class="checkids" type="checkbox" name="book_ids" value="${book.id}">
				</td>
				<td>${stat.index+1}</td>

				<td>${book.name}</td>
				<td>${book.author}</td>
				<td>
					<fmt:formatDate value="${book.createdate}" pattern="yyyy年MM月dd日" />
				</td>
				<td>
					<fmt:formatNumber type="currency" value="${book.price}" />
				</td>
				<td>
					<button type="button" class="btn btn-warning" onclick="goUpdate(${book.id},${pageIndex})">
						<span class="glyphicon glyphicon-edit"></span>
						更新
					</button>
					&nbsp;
					<button type="button" class="btn btn-danger" onclick="goDelete(${book.id},${pageIndex})">
						<span class="glyphicon glyphicon-trash"></span>
						删除
					</button>
				</td>
			</tr>
		</c:forEach>
		<!-- 分页插件 -->
		<tr class="default">
			<th colspan="7">
				<button type="button" class="btn btn-default" onclick="goPage(1);">
					<span class="glyphicon glyphicon-fast-backward"></span>
					首页
				</button>
				<!-- 第一页是不可以再点击上一页 -->
				<c:choose>
					<c:when test="${pageIndex > 1}">
						<button type="button" class="btn btn-default" onclick="goPage(${pageIndex-1});">
							<span class="glyphicon glyphicon-backward"></span>
							上一页
						</button>
					</c:when>
					<c:otherwise>
						<button type="button" class="btn btn-default" disabled="disabled">
							<span class="glyphicon glyphicon-backward"></span>
							上一页
						</button>
					</c:otherwise>
				</c:choose>
				<!-- 末页的时候是不能再点下一页 -->
				<c:choose>
					<c:when test="${totalPage > pageIndex}">
						<button type="button" class="btn btn-default" onclick="goPage(${pageIndex+1});">
							<span class="glyphicon glyphicon-forward"></span>
							下一页
						</button>
					</c:when>
					<c:otherwise>
						<button type="button" class="btn btn-default" disabled="disabled">
							<span class="glyphicon glyphicon-forward"></span>
							下一页
						</button>
					</c:otherwise>
				</c:choose>
				<button type="button" class="btn btn-default" onclick="goPage(${totalPage});">
					<span class="glyphicon glyphicon-fast-forward"></span>
					末页
				</button>
			</th>
		</tr>

	</table>

</div>

controller处理类局部代码

@ResponseBody
@RequestMapping("/deleteBooksByIds")
public String deleteBooksByIds(HttpServletRequest request, String ids,
@RequestParam(name = “pageIndex”, defaultValue = “1”, required = false) Integer pageIndex) {
ModelAndView mv = new ModelAndView();
int count = 0;

	if (ids != null) {
		String[] idarr = ids.split(",");
		for (String id : idarr) {
			try {
				count = service.deleteBookById(Integer.parseInt(id));
			} catch (Exception e) {
				e.printStackTrace();
				return "error";
			}
		}
		return "ok";
	} else {

		return "error";
	}

chaoz.pzi.cn