Ajax的批量删除

1. Ajax 即“AsynchronousJavascriptAndXML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术
2. Ajax = 异步JavaScript和XML（标准通用标记语言的子集）
3. Ajax 是一种用于创建快速动态网页的技术。
4. Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

UserDao：

//批量删除
    void batchDelete(List<Integer> ids);

UserMapper：

<!--批量删除-->
    <delete id="batchDelete" parameterType="list">
        delete from tb_user where id in
        <foreach collection="list" item="id" open="(" close=")" separator=",">
            #{id}
        </foreach>
    </delete>

UserInfoService：

//批量删除
    void batchDelete(List<Integer> ids);

UserInfoServiceImpl：

@Override
    public void batchDelete(List<Integer> ids) {
        userDao.batchDelete(ids);
    }

UserInfoController：

//批量删除
    @RequestMapping("/batchDelete.do")
    public String batchDelete(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.batchDelete(ids);
        return "redirect:findAll.do";
    }

user-list.jsp：

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
	<script type="text/javascript">
		function deleteAll(){
		    var checkedNum=$("input[name='ids']:checked").length;
		    if(checkedNum==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/batchDelete.do",
				data:{userList:userList.toString()},
				success:function () {
					alert("删除成功！");
					location.reload();
                },
				error:function () {
					alert("删除失败！")
                }
			});
		}

	</script>