Ajax批量删除操作

1.关于Ajax

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

2.项目代码编写

1.批量删除代码编写
在dao层、service层分别添加批量删除的函数声明
在mapper文件中编写SQL语句

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

2.在controller层编写批量删除的实现函数

//批量删除
    @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";

    }

3.下载资源包
下载网址：http://menvscode.com/detail/59394b1fe37ca31175bdf679/
在该网址中可以找到自己需要下载的Ajax版本的代码，将代码复制后拷贝到自己工程下的页面jsp文件中，将光标点到代码中，alt+enter键，进行资源包的下载

4.用Ajax编写页面中关于批量删除的代码

<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>

这样，应用Ajax实现批量删除的操作就完成了！