今天写SSM的删除时的总结

1.删除模块的代码

---

前提是：我已经把分页都完成了

---

信息界面js代码

<!--用户信息栏-->
				<div class="b_mes_r_msg">
					<table class="table_stu table table-bordered table-hover success">
						<tr>
							<th>编号</th>
							<th>学号</th>
							<th>姓名</th>
							<th>性别</th>
							<th>年龄</th>
							<th>全选&nbsp;&nbsp;&nbsp;&nbsp;<input id="checkAll" type="checkbox" name="checkAll"></th>
						</tr>
						<c:forEach items="${requestScope.pagemsg.lists}" var="user">
							<tr>
								<td>${user.id}</td>
								<td>${user.number}</td>
								<td>${user.name}</td>
								<td>${user.sex}</td>
								<td>${user.age}</td>
								<td><input type="checkbox" name="check" value="${user.id}"></td>
							</tr>
						</c:forEach>
					</table>

//获取全选或者非全选框，删除用户

<!--  加载script -->
		<script type="text/javascript">
            var i = 1;
            //获取全选或者非全选框
            $(function(){
                $("#checkAll").click(function(){
                    if(i%2===1){
                        $("input[type='checkbox']").prop("checked",true);
                    }else{
                        $("input[type='checkbox']").prop("checked",false);
                    }
                    i++;
                });
            });
            //删除选中用户
			function del() {
				//至少有选中了一项
				var checkedNum = $("input[type='checkbox']:checked").length;
				if (checkedNum == 0){
				    alert("至少选中一项");
				    return;
				}
				if (confirm("确定删除选中用户了吗？")){
				    var userList = new Array();
				    $("input[type='checkbox']:checked").each(function () {
						userList.push($(this).val());
                    });
				    $.ajax({
					    type:"post",
					    url:"${pageContext.request.contextPath}/hello/delUser",
					    contentType:"application/json;charset=utf-8",
					    data:JSON.stringify(userList),
					    dataType:"text",
					    success:function (data) {
							if (data == "OK"){
							    alert("删除顾客成功");
							    location.reload();
							}else {
							    alert("删除失败")
								location.reload();
                            }
                        }
				    });
				}
            }
		</script>

controller类代码

@RequestMapping("/hello/delUser")
    @ResponseBody
    public String delUser(@RequestBody Integer[] userList){
        int i = service.delUsers(userList);
        if (i>0){
            return "OK";
        }
        return "FAIL";
    }

mapper代码

<mapper namespace="com.xiao.mapper.UserMapper">
<sql id="Base_Column_List">
        id,number,name,sex,age
    </sql>
<!--删除用户-->
    <delete id="delUser" parameterType="integer">
        delete from user where id in 
        <foreach collection="array" item="item" index="index" open="(" separator="," close=")">
            #{item}
        </foreach>
    </delete>
</mapper>    

2.复习了Jquery,Ajax,JS

2.1Jquery

• 通过Jquery获取input标签，再使用Input标签中中带有属性为checkbox属性的type标签，如果被选中，接下来使用each来遍历每一个属性
  
  其中prop是增加元素属性
  

2.2 Ajax

2.3JS不做阐述

3.删除模块的**坑**

3.1 首先是Ajax中的问题

• ajax中前端返回的数据是Json，后端如果想返回数据为string需要更改dataType信息为’text’.
• 
• 

---