1. 程式人生 > >詳述 @ResponseBody 和 @RequestBody 註解的區別

詳述 @ResponseBody 和 @RequestBody 註解的區別

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);
    });
}