@RequestBody與post請求的關系

@RequestBody主要用來接收前端傳遞給后端的json字符串中的數(shù)據(jù)的(請求體中的數(shù)據(jù)的)；

GET方式無請求體，所以使用@RequestBody接收數(shù)據(jù)時，前端不能使用GET方式提交數(shù)據(jù)，而是用POST方式進行提交。

在后端的同一個接收方法里，@RequestBody與@RequestParam()可以同時使用，@RequestBody最多只能有一個，而@RequestParam()可以有多個。

• 注：一個請求，只有一個RequestBody；一個請求，可以有多個RequestParam。
• 注：當同時使用@RequestParam（）和@RequestBody時，@RequestParam（）指定的參數(shù)可以是普通元素、

數(shù)組、集合、對象等等(即:當，@RequestBody 與@RequestParam()可以同時使用時，原SpringMVC接收參數(shù)的機制不變，只不過RequestBody 接收的是請求體里面的數(shù)據(jù)；而RequestParam接收的是key-value里面的參數(shù)，所以它會被切面進行處理從而可以用普通元素、數(shù)組、集合、對象等接收)。

即：如果參數(shù)是放在請求體中，傳入后臺的話，那么后臺要用@RequestBody才能接收到；如果不是放在請求體中的話，那么后臺接收前臺傳過來的參數(shù)時，要用@RequestParam來接收，或者形參前什么也不寫也能接收。

• 注：如果參數(shù)前寫了@RequestParam(xxx)，那么前端必須有對應的xxx名字才行(不管其是否有值，當然可以通過設置該注解的required屬性來調節(jié)是否必須傳)，如果沒有xxx名的話，那么請求會出錯，報400。
• 注：如果參數(shù)前不寫@RequestParam(xxx)的話，那么就前端可以有可以沒有對應的xxx名字才行，如果有xxx名的話，那么就會自動匹配；沒有的話，請求也能正確發(fā)送。
• 追注：這里與feign消費服務時不同；feign消費服務時，如果參數(shù)前什么也不寫，那么會被默認是@RequestBody的。

如果后端參數(shù)是一個對象，且該參數(shù)前是以@RequestBody修飾的，那么前端傳遞json參數(shù)時，必須滿足以下要求：

后端@RequestBody注解對應的類在將HTTP的輸入流(含請求體)裝配到目標類(即：@RequestBody后面的類)時，會根據(jù)json字符串中的key來匹配對應實體類的屬性，如果匹配一致且json中的該key對應的值符合(或可轉換為)，這一條我會在下面詳細分析，其他的都可簡單略過，但是本文末的核心邏輯代碼以及幾個結論一定要看！ 實體類的對應屬性的類型要求時,會調用實體類的setter方法將值賦給該屬性。

json字符串中，如果value為"“的話，后端對應屬性如果是String類型的，那么接受到的就是”"，如果是后端屬性的類型是Integer、Double等類型，那么接收到的就是null。

json字符串中，如果value為null的話，后端對應收到的就是null。

問題描述

由于項目是前后端分離，因此后臺使用的是spring boot，做成微服務，只暴露接口。接口設計風格為restful的風格，在get請求下，后臺接收參數(shù)的注解為RequestBody時會報錯；在post請求下，后臺接收參數(shù)的注解為RequestParam時也會報錯。

問題原因

由于spring的RequestParam注解接收的參數(shù)是來自于requestHeader中，即請求頭，也就是在url中，格式為xxx?username=123&password=456，而RequestBody注解接收的參數(shù)則是來自于requestBody中，即請求體中。

解決方法

因此綜上所述，如果為get請求時，后臺接收參數(shù)的注解應該為RequestParam，如果為post請求時，則后臺接收參數(shù)的注解就是為RequestBody。附上兩個例子，截圖如下：

• get請求

• post請求

另外，還有一種應用場景，接口規(guī)范為resultful風格時，舉個例子：如果要獲取某個id下此條問題答案的查詢次數(shù)的話，則后臺就需要動態(tài)獲取參數(shù)，其注解為@PathVariable，并且requestMapping中的value應為value="/{id}/queryNum"，截圖如下：

Post請求中@RequestParam和@RequestBody混合使用

如何在一個@RestController方法中混合使用@RequestParam和@RequestBody呢？就像這樣的代碼：

@PostMapping("/scanRecord")
public Response scanRecord(@RequestParam("t") int type, @RequestBody ScanRecord scanRecord) {
    System.out.println("type="+type);
    System.out.println(JSON.toJSONString(scanRecord));
    return Response.ok();
}

@RequestBody用來接收http post請求的body，前端傳入序列化好的json數(shù)據(jù)，后端可以解析為json對象（Content-Type需要指定為 application/json）。

@RequestParam用來接收請求url?后面的參數(shù)，或者Content-Type為multipart/form-data、application/x-www-form-urlencoded時的http body數(shù)據(jù)。

所以，如果想要在@RestController的一個方法中，同時接收@RequestParam和@RequestBody數(shù)據(jù)，前端應該這樣用：

application/json的方式傳入@RequestBody接收的對象，并且在url?后帶上@RequestParam需要接收的參數(shù)。

前端js使用axios提交的話，是這樣的：

function post() {
    var data = {
        id: 1000,
        pn:'華為手機'
    };
    axios.post('http://localhost:8080/api/scanRecord?t=1', data).then(function (res) {
        
    }).catch(function (error) {

    });
}

最后，附上前端通過axios post提交multipart/form-data、application/x-www-form-urlencoded數(shù)據(jù)的示例代碼：

//form-data方式
function post() {
    var data = new FormData();
    data.append("id", 1000);
    data.append("pn", '華為手機');
    axios.post('http://localhost:8080/api/scanRecord?t=1', data).then(function (res) {
    }).catch(function (error) {
    });
}

//x-www-form-urlencoded方式
function encodeData(data) {
    var args = [];
    for(var attr in data) {
        args.push(attr+"=" + data[attr]);
    }
    return encodeURI(args.join("&"));
}
function post() {
    var data = {
        id: 1000,
        pn:'華為手機'
    };
    axios.post('http://localhost:8080/api/scanRecord?t=1', encodeData(data)).then(function (res) {

    }).catch(function (error) {

    });
}

總結

以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論