SSM框架之table与json之间的关系(一)

table:

<table class="table table-hover table-bordered user-list" style="text-align: center;">
		<tr>
			<td><input type="checkbox" class="select-all-btn" /></td>
			<td>ID</td>
			<td>用户名</td>
			<td>用户昵称</td>
			<td>用户类型</td>
			<td>用户状态</td>
			<td>创建人</td>
			<td>创建时间</td>
			<td>操作</td>
		</tr>
		<c:forEach items="${users}" var="user">
			<tr>
				<td><input type="checkbox" name="userIds" value="${user.userId }" /></td>
				<td class="userid">${user.userId}</td>
				<td class="usercode">${user.userCode}</td>
				<td class="username">${user.userName}</td>
				<td class="usertype">${(user.userType=='1')?'超级管理员':(user.userType=='2')?'管理员':'普通用户'}</td>
				<td class="userstate">${(user.userState=='0')?'
					<font style="color:red">禁用</font>':'
					<font style="color:green">启用</font>'}</td>
				<td class="createBy">${user.getCode}</td>
				<td class="createtime">
					<fmt:formatDate value="${user.createTime}" pattern="yyyy-MM-dd" />
				</td>
				<td>
					<button type="button" class="glyphicon glyphicon-remove delete-this-user">删除用户</button>
				</td>
			</tr>
		</c:forEach>
	</table>

JSON:

$(".user-list").on("click", ".delete-this-user", function() {
				var userTr = $(this).parents("tr");
				var userCode = userTr.find(".usercode").html();
				var userid = userTr.find(".userid").html();
				if(confirm('确认删除用户名为"' + userCode + '"的用户吗？')) {
					//请求删除该用户
					$.ajax({
						url: "${pageContext.request.contextPath}/user/deleteUser.action",
						data: { userId: userid },
						type: "POST",
						success: function() {
							userTr.remove();
							alert("删除成功！");
							location.reload();
						}
					});
				}
			});

控制层：

@RequestMapping("/deleteUser")
@ResponseBody
public JSONObject deleteById(int userId) {
	int num = userService.deleteUser(userId);
	JSONObject json = new JSONObject();
	json.put("delete", num);
	return json;
}