欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

SpringMVC接收與響應(yīng)json數(shù)據(jù)的幾種方式

 更新時(shí)間：2019年03月12日 08:32:58   作者：RainNenya  
這篇文章主要給大家介紹了關(guān)于SpringMVC接收與響應(yīng)json數(shù)據(jù)的幾種方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用springmvc具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

前言

前后端的數(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)框架的依賴(lài)（比如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ì)象，稱(chēng)為反序列化，反之，將java對(duì)象作為響應(yīng)轉(zhuǎn)換為json數(shù)據(jù)發(fā)回給客戶(hù)端，稱(chēng)為序列化。

注意：因?yàn)橐褂胊jax，所有一定要引入jQuery，切記！

jackson maven依賴(lài):

  <!-- jackson依賴(lài) -->
  <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í)體類(lèi)接收

背景：當(dāng)ajax傳遞的參數(shù)較多時(shí)，采用參數(shù)名匹配的方法不太方便。如果后臺(tái)有對(duì)應(yīng)的實(shí)體類(lèi)，這時(shí)可以選擇在客戶(hù)端將數(shù)據(jù)封裝為json格式傳遞給后臺(tái)，后臺(tái)用對(duì)應(yīng)的實(shí)體類(lèi)進(jìn)行接收。

客戶(hù)端：

<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ù)類(lèi)型
   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類(lèi)型。

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

客戶(hù)端（彈窗）：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í)體類(lèi)進(jìn)行接收又該如何處理呢？最常見(jiàn)的就是表單，這里可以考慮使用map來(lái)解決。因?yàn)閙ap的數(shù)據(jù)結(jié)構(gòu)為key-value形式，所以我們可以遍歷搜索框表單，將表單的name作為map的key,表單的value作為map的value。

客戶(hù)端：

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

客戶(hù)端（彈窗）：bookName =Love; author=Frank

三、以list方式接收(以json數(shù)組形式傳遞)

客戶(hù)端：

<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í)體類(lèi)進(jìn)行接收。

控制臺(tái)輸出：當(dāng)前http請(qǐng)求方式為:POST [entity.Book@1138a75c, entity.Book@22d1cbcf]

客戶(hù)端（彈窗）：bookId =123; author=Rose bookId =321; author=Jack

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

最新評(píng)論