SpringMVC接收與響應(yīng)json數(shù)據(jù)的幾種方式
前言
前后端的數(shù)據(jù)交互，除了通過(guò)form表單進(jìn)行提交外，也可以通過(guò)ajax向后端傳遞和接收json格式數(shù)據(jù)（這種方式可以實(shí)現(xiàn)請(qǐng)求數(shù)據(jù)和頁(yè)面分離）。本文將總結(jié)一下在Spring MVC中接收和響應(yīng)json數(shù)據(jù)的幾種方式。
話不多說(shuō)了，來(lái)一起看看詳細(xì)的介紹吧
準(zhǔn)備步驟：
1.導(dǎo)入json相關(guān)框架的依賴（比如jackson）。
2.spring mvc的controller方法正常寫(xiě)，如果需要響應(yīng)json，增加@responsebody注解。
3.在接受json對(duì)應(yīng)的輸入?yún)?shù)前，加上@RequestBody注解。
服務(wù)端接收json數(shù)據(jù)還原為java對(duì)象，稱為反序列化，反之，將java對(duì)象作為響應(yīng)轉(zhuǎn)換為json數(shù)據(jù)發(fā)回給客戶端，稱為序列化。
注意：因?yàn)橐褂胊jax，所有一定要引入jQuery，切記！
jackson maven依賴:
<!-- jackson依賴 --> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-core</artifactId> <version>2.7.0</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.7.0</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-annotations</artifactId> <version>2.7.0</version> </dependency>
一、以實(shí)體類接收
背景：當(dāng)ajax傳遞的參數(shù)較多時(shí)，采用參數(shù)名匹配的方法不太方便。如果后臺(tái)有對(duì)應(yīng)的實(shí)體類，這時(shí)可以選擇在客戶端將數(shù)據(jù)封裝為json格式傳遞給后臺(tái)，后臺(tái)用對(duì)應(yīng)的實(shí)體類進(jìn)行接收。
客戶端：
<button onclick="clickMe()">點(diǎn)我</button>
<script>
function clickMe() {
$.ajax({
type : 'POST',
url : "acceptJsonByEntity",
contentType : "application/json;charset=utf-8",
// 如果想以json格式把數(shù)據(jù)提交到后臺(tái)的話，JSON.stringify()必須有，否則只會(huì)當(dāng)做表單提交
data : JSON.stringify({
"bookId" : 1,
"author" : "Jack"
}),
// 期待返回的數(shù)據(jù)類型
dataType : "json",
success : function(data) {
var bookId = data.bookId;
var author = data.author;
alert("success:" + bookId+','+author);
},
error : function(data) {
alert("error" + data);
}
});
</script>
@responseBody注解是將controller的方法返回的對(duì)象通過(guò)適當(dāng)?shù)霓D(zhuǎn)換器轉(zhuǎn)換為指定的格式之后，寫(xiě)入到response對(duì)象的body區(qū)，通常用來(lái)返回JSON數(shù)據(jù)或者是XML。
@RequestBody注解常用來(lái)處理content-type不是默認(rèn)的application/x-www-form-urlcoded編碼的內(nèi)容。一般情況下來(lái)說(shuō)常用其來(lái)處理application/json類型。
Controller:
@Controller
public class PassJsonParam {
@RequestMapping(value="acceptJsonByEntity",method = RequestMethod.POST)
@ResponseBody
public Book acceptJsonByEntity(@RequestBody Book book, HttpServletRequest request){
System.out.println("當(dāng)前http請(qǐng)求方式為:"+request.getMethod());
System.out.println("bookId="+book.getBookId()+", author="+book.getAuthor());
return book;
}
}
控制臺(tái)輸出：當(dāng)前http請(qǐng)求方式為:POST bookId=1, author=Jack
客戶端（彈窗）：success:1,Jack
如果Controller中的所有方法都需要返回json格式數(shù)據(jù)，可以使用@RestController注解。
@RestController = @Controller + @ResponseBody
Controller（上面的Controller可以用下面的替換）:
@RestController
public class PassJsonParam {
@RequestMapping(value="acceptJsonByEntity",method = RequestMethod.POST)
public Book acceptJsonByEntity(@RequestBody Book book, HttpServletRequest request){
System.out.println("當(dāng)前http請(qǐng)求方式為:"+request.getMethod());
System.out.println("bookId="+book.getBookId()+", author="+book.getAuthor());
return book;
}
}
注意：使用了@RestController注解后，Controller的方法無(wú)法再返回jsp頁(yè)面或者h(yuǎn)tml，配置的視圖解析器也不會(huì)起作用。
二、以map方式接收
背景：前臺(tái)向后臺(tái)發(fā)送ajax請(qǐng)求并且攜帶很多參數(shù)，而后臺(tái)并沒(méi)有對(duì)應(yīng)的實(shí)體類進(jìn)行接收又該如何處理呢？最常見(jiàn)的就是表單，這里可以考慮使用map來(lái)解決。因?yàn)閙ap的數(shù)據(jù)結(jié)構(gòu)為key-value形式，所以我們可以遍歷搜索框表單，將表單的name作為map的key,表單的value作為map的value。
客戶端：
<form id="bookForm">
<input type="text" name="bookName" id="bookName">
<input type="text" name="author" id="author" >
<button onclick="submitForm(event)">提交</button>
</form>
<script>
function submitForm(event) {
//阻止form默認(rèn)事件
event.preventDefault();
//得到搜索框數(shù)據(jù)
var map = new Map();
$("#bookForm input").each(function () {
var value = $(this).val(); //input 值
var name = $(this).attr('name');
map.set(name,value);
})
//Map轉(zhuǎn)為Json的方法
var obj= Object.create(null);
for (var [k,v] of map) {
obj[k] = v;
}
$.ajax({
type: 'POST',
contentType:'application/json',
url: "acceptJsonByMap",
data: JSON.stringify(obj),
dataType: 'json',
success: function (data) {
var bookName = data.bookName;
var author = data.author;
alert("bookName ="+bookName+"; author="+author);
},
error: function (data) {
alert("失敗啦");
}
});
}
</script>
Controller:
@RequestMapping(value="acceptJsonByMap")
@ResponseBody
public Map<String,Object> acceptJsonByMap(@RequestBody Map<String,Object> paramsMap, HttpServletRequest request){
System.out.println("當(dāng)前http請(qǐng)求方式為:"+request.getMethod());
System.out.println(paramsMap);
return paramsMap;
}
控制臺(tái)輸出：當(dāng)前http請(qǐng)求方式為:POST {bookName=Love, author=Frank}
客戶端（彈窗）：bookName =Love; author=Frank
三、以list方式接收(以json數(shù)組形式傳遞)
客戶端：
<button onclick="clickHere()">clickHere</button>
<script>
function clickHere() {
var params1 = {
"bookId":"123",
"author":"Rose"
};
var params2 = {
"bookId":"321",
"author":"Jack"
};
var list = [];
list.push(params1);
list.push(params2);
$.ajax({
type: 'POST',
contentType:'application/json',
url: "acceptJsonByList",
data: JSON.stringify(list),
dataType: 'json',
success: function (data) {
for (let i = 0; i < data.length; i++) {
var bookId = data[i].bookId;
var author = data[i].author;
alert("bookId ="+bookId+"; author="+author);
}
},
error: function (data) {
alert("失敗啦");
}
});
}
</script>
注意：傳遞到后端時(shí),list應(yīng)為[ { key1 : value1}{ key2 : value2} ]的json格式數(shù)據(jù)，否則可能會(huì)出現(xiàn)Json parse error錯(cuò)誤。
Controller:
@RequestMapping(value="acceptJsonByList")
@ResponseBody
public List<Book> acceptJsonByList(@RequestBody List<Book> book, HttpServletRequest request){
System.out.println("當(dāng)前http請(qǐng)求方式為:"+request.getMethod());
System.out.println(book);
return book;
}
注意：這里需要Book實(shí)體類進(jìn)行接收。
控制臺(tái)輸出：當(dāng)前http請(qǐng)求方式為:POST [entity.Book@1138a75c, entity.Book@22d1cbcf]
客戶端（彈窗）：bookId =123; author=Rose bookId =321; author=Jack
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
Java中報(bào)錯(cuò)org.springframework.jdbc.UncategorizedSQLException的多種
本文主要介紹了Java中報(bào)錯(cuò)org.springframework.jdbc.UncategorizedSQLException的多種解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
基于Java文件輸入輸出流實(shí)現(xiàn)文件上傳下載功能
這篇文章主要為大家詳細(xì)介紹了基于Java文件輸入輸出流實(shí)現(xiàn)文件上傳下載功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-04-04
使用注解@Recover優(yōu)化丑陋的循環(huán)詳解
我們知道在實(shí)現(xiàn)一個(gè)功能的時(shí)候是可以使用不同的代碼來(lái)實(shí)現(xiàn)的,那么相應(yīng)的不同實(shí)現(xiàn)方法的性能肯定也是有差別的,下面這篇文章主要給大家介紹了關(guān)于使用注解@Recover優(yōu)化丑陋的循環(huán)的相關(guān)資料,需要的朋友可以參考下2022-04-04
Java使用jxl包寫(xiě)Excel文件適合列寬實(shí)現(xiàn)
用jxl.jar包，讀寫(xiě)過(guò)Excel文件。也沒(méi)有注意最適合列寬的問(wèn)題，但是jxl.jar沒(méi)有提供最適合列寬的功能，上次用到寫(xiě)了一下，可以基本實(shí)現(xiàn)最適合列寬。2013-11-11
這篇文章主要介紹了Mybatis注解方式@Insert的用法說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
SpringBoot中使用Zookeeper實(shí)現(xiàn)分布式鎖的案例
本文主要介紹了SpringBoot中使用Zookeeper實(shí)現(xiàn)分布式鎖的案例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2025-01-01
Java中try-catch的使用及注意細(xì)節(jié)
現(xiàn)在有很多的語(yǔ)言都支持try-catch,比如常見(jiàn)的就是c++,java等,這篇文章主要給大家介紹了關(guān)于Java中try-catch的使用及注意細(xì)節(jié)的相關(guān)資料,文中通過(guò)圖文以及實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
java常用工具類之?dāng)?shù)據(jù)庫(kù)連接類（可以連接多種數(shù)據(jù)庫(kù)）
這篇文章主要介紹了java常用工具類之?dāng)?shù)據(jù)庫(kù)連接類,可以連接多種數(shù)據(jù)庫(kù),代碼中包含詳細(xì)注釋,需要的朋友可以參考下2014-07-07
關(guān)于yml文件字符串,List,Map的書(shū)寫(xiě)方式并使用@ConfigurationProperties注入配置類
這篇文章主要介紹了關(guān)于yml文件字符串,List,Map的書(shū)寫(xiě)方式并使用@ConfigurationProperties注入配置類,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-12-12
SpringBoot如何讀取war包jar包和Resource資源
這篇文章主要介紹了SpringBoot如何讀取war包jar包和Resource資源,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01