ajax 批量删除_异步请求下的批量删除问题

主页面头像处添加用户名

使左侧头像下方和上侧头像旁边显示当前登录的用户名，先在aside.jsp和header.jsp中添加头文件：

<%@taglib prefix="security" uri="http://www.springframework.org/security/tags" %>
1

添加用户名：

<security:authentication property="pricipal.username"></security:authentication>
1

只有管理员能看到用户管理

在系统管理处，只有管理员才能看到用户管理，普通用户则没有这个选项：
将aside.jsp中的显示用户管理的部分包裹起来

<li id="system-setting">
   <security:authorize access="hasRole('ADMIN')">
   <a
    href="${pageContext.request.contextPath}/user/findAll.do?page=1&size=5"> <i
      class="fa fa-circle-o"></i> 用户管理
</a>
   </security:authorize>
</li>
1
2
3
4
5
6
7
8

批量删除

先导入js包，然后如下修改：

user-list.jsp

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
   function deleteAll(){
       var checkNum=$("input[name='ids']:checked").length;
       if(checkNum==0){
           alert("请至少选择一项");
           return;
      }
      if(confirm("确定要删除吗？")){
          var userList=new Array();
          $("input[name='ids']:checked").each(function () {
             userList.push($(this).val())
           });
      }
      $.ajax({
         type:"post",
         url:"${pageContext.request.contextPath}/user/deleteAll.do",
         data:{userList:userList.toString()},
         success:function ( ) {
            alert("删除成功");
            location.reload();
          },
         error:function ( ) {
             alert("删除失败");
         }
      })
   }
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

UserInfoController.java

@RequestMapping("deleteAll.do")
public String deleteAll(String userList){
    String[] strs=userList.split(",");
    List<Integer> ids=new ArrayList<>();
    for(int i=0;i<strs.length;i++){
        ids.add(Integer.parseInt(strs[i]));
    }
    userInfoService.deleteAll(ids);
    return "";
}
1
2
3
4
5
6
7
8
9
10

UserMapper.xml

<delete id="deleteAll" parameterType="list">
    delete from userinfo where id in
    <foreach collection="list" item="id" open="("  close=")"  separator=",">
        #{id}
    </foreach>
</delete>
1
2
3
4
5
6