当前位置:   article > 正文

如何使用ajax进行批量删除_ajax批量删除

ajax批量删除

一:先将底层写好(dao底层不需要使用数组 

  1. public int deleteCollection(int id) {
  2. String sql="delete from mycollection where id=? ";
  3. Object[] params={id};
  4. int n=0;
  5. try {
  6. n=super.executeUpdate(sql,params);
  7. } catch (Exception e) {
  8. e.printStackTrace();
  9. }
  10. return n;
  11. }

二:写好服务类 service(在服务类将形参改为数组,并改为String类型)

  1. public void deleteCollection(String[] id) {
  2. if(id!=null&&id.length>0) {
  3. for(String i:id){
  4. myCollectionDao.deleteCollection(Integer.parseInt(i));
  5. }
  6. }
  7. }

三:页面:点击复选框,再点击删除按钮,实现批量删除操作

  1. //点击事件,点击删除按钮
  2. $(".btn").click(function() {
  3. if (confirm("是否删除?")) {//防手抖操作
  4. var flag = false;
  5. var box1 = $(".else_checkbox");//获取到所有的复选框
  6. var uids = "";//先暂时定义一个空的变量来存取选中的id
  7. for (var i = 0; i < box1.length; i++) {
  8. if (box1[i].checked) {//通过for循环来查找被选中的复选框
  9. uids += box1[i].value + "_";//将所有选中的复选框的id用下划线连接
  10. flag = true;
  11. }
  12. }
  13. if (flag) {
  14. $.ajax({
  15. type: 'post',
  16. url: "<%=request.getContextPath()%>/qiantai/playServlet?method=deletePiliang",//进入到你的删除servlet路径里去
  17. data: "uid=" + uids,//将刚刚连接好的uids存放在uid里面
  18. dataType: "json",
  19. //成功后开启模态框
  20. success: function (data) {
  21. console.log("删除成功!");
  22. },
  23. error: function () {
  24. console.log("错误!");
  25. }
  26. });
  27. }
  28. });

四:最后一步,写servlet

  1. request.setCharacterEncoding("utf-8");
  2. response.setCharacterEncoding("utf-8");
  3. response.setContentType("text/html;charset=UTF-8");
  4. System.out.println("进入批量删除...");
  5. if (null != cid) {
  6. String cid=request.getParameter("uid");//获取到刚刚存放的uid
  7. String[] cids = new String[]{};
  8. cids = cid.split("_");//将其_分割,会得到一个数组
  9. Map map = new HashMap();
  10. response.setContentType("text/json;charset=utf-8");
  11. service.deleteCollection(cids);//调用service里的删除方法
  12. JSONObject object = new JSONObject();
  13. //使用JSON对象传过去
  14. object.put("code", "ok");
  15. object.put("data", cids);
  16. System.out.println(cids);
  17. out.write(object.toJSONString(object));
  18. out.flush();
  19. out.close();

这样就差不多可以啦!

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

闽ICP备14008679号