詳述 @ResponseBody 和 @RequestBody 註解的區別
阿新 • • 發佈:2019-02-06
1 前言
在詳述 @ResponseBody 和 @RequestBody 註解之前,咱先了解一下 @RequestMapping 註解,@RequestMapping 是一個用來處理請求地址對映的註解,可用於類或方法上。用於類上,表示類中的所有響應請求的方法都是以該地址作為父路徑;用於方法上,表示在類的父路徑下追加方法上註解中的地址將會訪問到該方法。例如.
/**
* 用於類上,可以沒有
*/
@RequestMapping(value = "/controllerDemo")
public class ControllerDemo {
// 用於方法上,必須有
@RequestMapping (value = "/methodDemo")
public String methodDemo() {
return "helloWorld";
}
}
2 註解詳述
在本部分,作者將詳細介紹 @ResponseBody 和 @RequestBody 註解的區別:
- @Responsebody 註解表示該方法的返回的結果直接寫入 HTTP 響應正文(ResponseBody)中,一般在非同步獲取資料時使用;
- 在使用 @RequestMapping 後,返回值通常解析為跳轉路徑,加上 @Responsebody 後返回結果不會被解析為跳轉路徑,而是直接寫入HTTP 響應正文中。例如,非同步獲取 json 資料,加上 @Responsebody 註解後,就會直接返回 json 資料。
- @RequestBody 註解則是將 HTTP 請求正文插入方法中,使用適合的 HttpMessageConverter 將請求體寫入某個物件。
例如,
@RequestMapping(value = "person/login")
@ResponseBody
public Person login(@RequestBody Person person) { // 將請求中的 datas 寫入 Person 物件中
return person; // 不會被解析為跳轉路徑,而是直接寫入 HTTP 響應正文中
}
頁面非同步請求:
function login() {
var datas = '{"name":"' + $('#name').val() + '","id":"' + $('#id').val() + '","status":"' + $('#status').val() + '"}';
$.ajax({
type : 'POST',
contentType : 'application/json',
url : "${pageContext.request.contextPath}/person/login",
processData : false,
dataType : 'json',
data : datas,
success : function(data) {
alert("id: " + data.id + "name: " + data.name + "status: "+ data.status);
},
error : function() {
alert('Sorry, it is wrong!');
}
});
};
3 擴充套件
接下來,在介紹一個 @PathVariable 註解,其用來獲取請求路徑(url )中的動態引數。例如,
/**
* @RequestMapping(value = "/person/profile/{id}/{name}/{status}") 中的 {id}/{name}/{status}
* 與 @PathVariable int id、@PathVariable String name、@PathVariable boolean status
* 一一對應,按名匹配。
*/
@RequestMapping(value = "person/profile/{id}/{name}/{status}")
@ResponseBody
public Person porfile(@PathVariable int id, @PathVariable String name, @PathVariable boolean status) {
return new Person(id, name, status);
}
頁面非同步請求:
function profile() {
var url = "${pageContext.request.contextPath}/person/profile/";
var query = $('#id').val() + '/' + $('#name').val() + '/' + $('#status').val();
url += query;
$.get(url, function(data) {
alert("id: " + data.id + "name: " + data.name + "status: "
+ data.status);
});
}