批量删除

最新推荐文章于 2019-06-20 00:56:00 发布

chisadi2505

最新推荐文章于 2019-06-20 00:56:00 发布

阅读量92

点赞数

原文链接：https://my.oschina.net/u/2318774/blog/380313

版权

1.
增加
   "批量删除"按钮,<input type="button" value="批量删除" id="btnDeleteBatch"/>
   全选反选的按钮,<input type="checkbox" id="select_all"/>
   表格每行记录的checkbox,<input type="checkbox" name="ids" value="${ele.id}"/>
2.
js代码
  实现全选反选功能
  实现批量删除的ajax提交请求

   获得选中的checkbox的value(即id值)
    var ids=[];
    $("input[name='ids']:checked").each(function(){
     var idvalue = $(this).val();
     ids.push(idvalue);
    });
   判断是否选中了
    if(ids.length<1){
     alert("请选择记录");
     return;
    }
   向后台发送ajax请求的时候,传值将id的数组拼接成字符串data:'ids='+ids.join(',')
    $.ajax({
     url:'${ctx}/stuServlet/deleteBatch',
     type:'post',
     dataType:'json',
     data:'ids='+ids.join(','),
     ...
     });

3.
后台java代码
  拿到ids的字符串,使用Strinng的split(",")得到id的数组

  实现批量删除
  e.g.
  String ids = req.getParameter("ids");
  String[] arr = ids.split(",");
  try {
   for (int i = 0; i < arr.length; i++) {
    stuDao.deleteById(Long.valueOf(arr[i]));
   }
   sendAjaxSuccess(resp);
  } catch (Exception e) {
   sendAjaxFailure(resp);
  }