在獲取前端發送的ajax請求時,如果不使用@RequestBody則拿不到請求體中的數據,那麼我們來使用@RequestBody獲取ajax請求發送的數據
- response.jsp
<html>
<head>
<title>Title</title>
<%--引入資源--%>
<script src="js/jquery-1.11.1.js"></script>
<script>
//頁面加載,綁定單擊事件
$(function () {
$("#btn").click(function () {
//alert("hello btn");
//發送ajax請求
$.ajax({
//編寫json格式,設置屬性和值
url:"user/testAjax",
contentType:"application/json;charset=UTF-8",
data:'{"username":"hk","password","5201314","age","20"}',
dataType:"json",
type:"post",
success:function (data) {
//data服務器端響應的json的數據,進行解析
}
});
});
});
</script>
</head>
<body>
<%-- 模擬異步請求ajax--%>
<button id="btn">發送ajax的請求</button>
</body>
</html>
- UserController.class(控制器)
@Controller
@RequestMapping("/user")
public class UserController {
/**
* 模擬異步請求響應
*/
@RequestMapping("/testAjax")
public void testAjax(@RequestBody String body){
System.out.println("testAjax執行了...");
System.out.println(body);
}
}
注意:使用@RequestBody是爲了獲得請求體中的所有內容
- 運行