<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><%@ taglib uri="http://java.sun.c..._jsp+ajax实现批量删除">
devbox
知新_RL
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

jsp jQuery Ajax 实现批量删除_jsp+ajax实现批量删除

作者：知新_RL | 2024-02-17 06:07:49

赞

踩

jsp+ajax实现批量删除
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  3. <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="utf-8">
  8. <title>图书信息管理系统- 图书列表</title>
  9. <!-- 引入外部CSS样式 -->
  10. <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.css">
  11. <!-- 引入JS -->
  12. <script src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
  13. <script src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
  14. </head>
  15.  
  16. <script type="text/javascript">
  17.  
  18.  $(function(){
  19.      $("#checkAll").change(function(){//判断全选框的改变
  20.  	    var flage =$(this).is(":checked");//全选选中为true，否则为false
  21.  	    $("input[type='checkbox']").each(function(){
  22.  		    $(this).prop("checked",flage);
  23.  	    })
  24.      });
  25. });
  26. </script>
  27.  
  28. <script type="text/javascript">
  29.  
  30. function deleteBooksByIds(pindex){
  31. 	var myArray=new Array()
  32. 	 $.each($("input[name='book_ids']"),function(){
  33. 		 if(this.checked){
  34. 			 myArray.push($(this).val());
  35.          }
  36. 	    });
  37. 	
  38. 	var jsonStr=myArray.join(',')
  39. 	 if(myArray.length>0){
  40. 		var msg = confirm("您确定要删除么？");
  41. 		if (msg) {
  42. 			$.post("deleteBooksByIds", 
  43. 			{ids : jsonStr,pageIndex:pindex},function(data){
  44. 				if("ok"==data){
  45. 					goPage(pindex);
  46. 				}
  47. 			});
  48. 		}
  49. 	}else{
  50. 		
  51. 		alert("请选择删除项！");
  52. 	} 
  53. 	
  54. 	
  55. }
  56.  
  57. </script>
  58.  
  59. <body>
  60.  
  61. 	<div>
  62.  
  63. 		<h1>图书信息展示</h1>
  64.  
  65. 		<br />
  66.  
  67. 		<button type="button" class="btn btn-danger" onclick="deleteBooksByIds(${pageIndex});">
  68. 			<span class="glyphicon glyphicon-trash"></span>
  69. 			批量删除
  70. 		</button>
  71. 		<br />
  72. 		<br />
  73.  
  74. 		<table class="table table-hover">
  75. 			
  76. 			<tr class="info">
  77. 				<th>
  78. 					<input type="checkbox" id="checkAll">
  79. 					全选
  80. 				</th>
  81. 				<th>数据编号</th>
  82. 				<th>图书名称</th>
  83. 				<th>作者</th>
  84. 				<th>添加日期</th>
  85. 				<th>图书价格</th>
  86. 				<th>操作</th>
  87. 			</tr>
  88. 			<c:forEach items="${bookList}" var="book" varStatus="stat">
  89. 				<tr class="default" align="center">
  90. 					<td>
  91. 						<input class="checkids" type="checkbox" name="book_ids" value="${book.id}">
  92. 					</td>
  93. 					<td>${stat.index+1}</td>
  94.  
  95. 					<td>${book.name}</td>
  96. 					<td>${book.author}</td>
  97. 					<td>
  98. 						<fmt:formatDate value="${book.createdate}" pattern="yyyy年MM月dd日" />
  99. 					</td>
  100. 					<td>
  101. 						<fmt:formatNumber type="currency" value="${book.price}" />
  102. 					</td>
  103. 					<td>
  104. 						<button type="button" class="btn btn-warning" onclick="goUpdate(${book.id},${pageIndex})">
  105. 							<span class="glyphicon glyphicon-edit"></span>
  106. 							更新
  107. 						</button>
  108. 						&nbsp;
  109. 						<button type="button" class="btn btn-danger" onclick="goDelete(${book.id},${pageIndex})">
  110. 							<span class="glyphicon glyphicon-trash"></span>
  111. 							删除
  112. 						</button>
  113. 					</td>
  114. 				</tr>
  115. 			</c:forEach>
  116. 			<!-- 分页插件 -->
  117. 			<tr class="default">
  118. 				<th colspan="7">
  119. 					<button type="button" class="btn btn-default" onclick="goPage(1);">
  120. 						<span class="glyphicon glyphicon-fast-backward"></span>
  121. 						首页
  122. 					</button>
  123. 					<!-- 第一页是不可以再点击上一页 -->
  124. 					<c:choose>
  125. 						<c:when test="${pageIndex > 1}">
  126. 							<button type="button" class="btn btn-default" onclick="goPage(${pageIndex-1});">
  127. 								<span class="glyphicon glyphicon-backward"></span>
  128. 								上一页
  129. 							</button>
  130. 						</c:when>
  131. 						<c:otherwise>
  132. 							<button type="button" class="btn btn-default" disabled="disabled">
  133. 								<span class="glyphicon glyphicon-backward"></span>
  134. 								上一页
  135. 							</button>
  136. 						</c:otherwise>
  137. 					</c:choose>
  138. 					<!-- 末页的时候是不能再点下一页 -->
  139. 					<c:choose>
  140. 						<c:when test="${totalPage > pageIndex}">
  141. 							<button type="button" class="btn btn-default" onclick="goPage(${pageIndex+1});">
  142. 								<span class="glyphicon glyphicon-forward"></span>
  143. 								下一页
  144. 							</button>
  145. 						</c:when>
  146. 						<c:otherwise>
  147. 							<button type="button" class="btn btn-default" disabled="disabled">
  148. 								<span class="glyphicon glyphicon-forward"></span>
  149. 								下一页
  150. 							</button>
  151. 						</c:otherwise>
  152. 					</c:choose>
  153. 					<button type="button" class="btn btn-default" onclick="goPage(${totalPage});">
  154. 						<span class="glyphicon glyphicon-fast-forward"></span>
  155. 						末页
  156. 					</button>
  157. 				</th>
  158. 			</tr>
  159.  
  160. 		</table>
  161.  
  162. 	</div>
  163.  
  164. </body>
  165. </html>
  166.  
  167.  
  168.

controller处理类局部代码

  1. @ResponseBody
  2. 	@RequestMapping("/deleteBooksByIds")
  3. 	public String deleteBooksByIds(HttpServletRequest request, String ids,
  4. 			@RequestParam(name = "pageIndex", defaultValue = "1", required = false) Integer pageIndex) {
  5. 		ModelAndView mv = new ModelAndView();
  6. 		int count = 0;
  7.  
  8. 		if (ids != null) {
  9. 			String[] idarr = ids.split(",");
  10. 			for (String id : idarr) {
  11. 				try {
  12. 					count = service.deleteBookById(Integer.parseInt(id));
  13. 				} catch (Exception e) {
  14. 					e.printStackTrace();
  15. 					return "error";
  16. 				}
  17. 			}
  18. 			return "ok";
  19. 		} else {
  20.  
  21. 			return "error";
  22. 		}
  23.  
  24. 	}

 

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/100760
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号