ajax批量删除

宋祖儿是我媳妇

于 2023-04-02 10:03:12 发布

阅读量112

点赞数

文章标签： javascript ajax servlet

本文链接：https://blog.csdn.net/Ymh521521/article/details/129907304

版权

该代码段展示了一个JavaScript函数用于批量删除选中的checkbox元素，它收集选中项的ID，发送POST请求到/stu/dels，然后更新页面。后端Controller接收到ID列表，分割处理并调用服务层删除学生。成功后重定向到stuindex页面。

摘要由CSDN通过智能技术生成

function deleteAll() {
      var array = [];
      $('input[type=checkbox]:checked').each(function() {
        array.push($(this).attr('id'));
      })
      var s = array.toString();
      // var str = '';
      // for ( a in array){
      //   str = str+a+",";
      //   // str += a+",";
      // }
      // str = str.substring(0, str.length-1)
      $.ajax({
        type:"post",
        url:"/stu/dels",
        data:{idList: s},
        success:function () {
          alert("删除成功！");
          for (var a in array) {
            $(a).remove();
          }
          location.reload();
        },
        error:function () {
          alert("删除失败！");
        },
        dataType :"text"
      })
    }

追加里面的写的：

<input type='checkbox' id='"+json.id+"' class='dels'>

controller：

@PostMapping("/dels")
public String deletes(String idList){
    String [] strs=idList.split(",");
    List<String> ids=new ArrayList<String>();
    for(int i=0;i<strs.length;i++){
        ids.add(strs[i]);
    }
    iStudentService.deleteStudents(ids);
    return "stuindex";
}