使用ResponseEntity进行增删改查(CRUD)操作
使用ResponseEntity常用状态码
英文对照表
使用ResponseEntity需要的json jar文件
使用REST风格
1)POST转PUT,DELETE配置
在web.xml配置
进行增删改查操作(CRUD)都使用异步处理
- 操作的实体类Student
- 页面student.html代码
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生信息列表</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/student.js"></script>
<script>
$(function(){
initPage();
})
</script>
<style type="text/css">
#tbl_student{
border:1px solid black;
border-collapse: collapse;
width:700px;
text-align: center;
}
td{
border:1px solid black;
}
</style>
</head>
<body>
<h3>学生信息列表</h3>
<table id="tbl_student">
<tr>
<td>编号</td>
<td>姓名</td>
<td>生日</td>
<td>性别</td>
<td>地址</td>
<td>操作</td>
</tr>
<tbody id="tbody">
</tbody>
</table>
<input type="button" id="insert_button" value="添加学生信息"/>
<div id="insert_div" style="display:none;">
<h4>添加学生信息</h4>
<form id="insert_form" action="${pageContext.request.contextPath}/student" method="POST">
姓名:<input type="text" id="name" name="name"/><br/><br/>
生日:<input type="text" id="birth" name="birth"/><br/><br/>
性别:<input type="radio" name="sex" value="0" checked="checked"/>男<input type="radio" name="sex" value="1"/>女<br/><br/>
地址:<input type="text" id="address" name="address"/><br/><br/>
<input id="insert_submit" type="button" type="button" value="添加"/><br/>
</form>
</div>
<div id="update_div" style="display:none;">
<h4>修改学生信息</h4>
<form id="update_form" action="${pageContext.request.contextPath