SpringMVC之JSON数据传输参数

￡神魔★判官ぃ 2024-03-27 11:55 81阅读 0赞

**目录**

一：JSON普通数组

二：JSON对象数据

三：JSON对象数组

--------------------

前面我们说过，现在比较流行的开发方式为异步调用。前后台以异步方式进行交换，传输的数据使用的是==JSON==,所以前端如果发送的是JSON数据，后端该如何接收?

对于JSON数据类型，我们常见的有三种:

*  json普通数组（\["value1","value2","value3",...\]）
 *  json对象（\{key1:value1,key2:value2,...\}）
 *  json对象数组（\[\{key1:value1,...\},\{key2:value2,...\}\]）

对于上述数据，前端如何发送，后端如何接收?

## 一：JSON普通数组 ##

步骤1:pom.xml添加依赖

SpringMVC默认使用的是jackson来处理json的转换，所以需要在pom.xml添加jackson依赖

<dependency>
        <groupId>com.fasterxml.jackson.core</groupId>
        <artifactId>jackson-databind</artifactId>
        <version>2.9.0</version>
    </dependency>

步骤2:PostMan发送JSON数据

![e01f286e4cd9424585583d244021ee29.png][]

步骤3:开启SpringMVC注解支持

在SpringMVC的配置类中开启SpringMVC的注解支持，这里面就包含了将JSON转换成对象的功能。

@Configuration
    @ComponentScan("com.itheima.controller")
    //开启json数据类型自动转换
    @EnableWebMvc
    public class SpringMvcConfig {
    }

步骤4:参数前添加@RequestBody

//使用@RequestBody注解将外部传递的json数组数据映射到形参的集合对象中作为数据
    @RequestMapping("/listParamForJson")
    @ResponseBody
    public String listParamForJson(@RequestBody List<String> likes){
        System.out.println("list common(json)参数传递 list ==> "+likes);
        return "{'module':'list common for json param'}";
    }

步骤5:启动运行程序

![6dc15b03df9e44cdaa914311f07e6d86.png][]

JSON普通数组的数据就已经传递完成，下面针对JSON对象数据和JSON对象数组的数据该如何传递呢?

## 二：JSON对象数据 ##

我们会发现，只需要关注请求和数据如何发送?后端数据如何接收?

请求和数据的发送:

{
    	"name":"itcast",
    	"age":15
    }

![04e9dcd3dbce4f169534f052190d1cc7.png][]

后端接收数据：

@RequestMapping("/pojoParamForJson")
    @ResponseBody
    public String pojoParamForJson(@RequestBody User user){
        System.out.println("pojo(json)参数传递 user ==> "+user);
        return "{'module':'pojo for json param'}";
    }

启动程序访问测试

![d1be3b92199642a6a674d6f6ee832bc2.png][]

**说明:**

address为null的原因是前端没有传递数据给后端。

如果想要address也有数据，我们需求修改前端传递的数据内容:

{
    	"name":"itcast",
    	"age":15,
        "address":{
            "province":"beijing",
            "city":"beijing"
        }
    }

再次发送请求，就能看到address中的数据

![eb04a711a3674c729835a9baa0f33ae5.png][]

## 三：JSON对象数组 ##

如何集合中保存多个POJO该如何实现?

请求和数据的发送:

[
        {"name":"itcast","age":15},
        {"name":"itheima","age":12}
    ]

![d243c088c7b04fe1b87002570f489292.png][]

后端接收数据:

@RequestMapping("/listPojoParamForJson")
    @ResponseBody
    public String listPojoParamForJson(@RequestBody List<User> list){
        System.out.println("list pojo(json)参数传递 list ==> "+list);
        return "{'module':'list pojo for json param'}";
    }

启动程序访问测试

![10f457bb560e4ecf93cc482ed3a5a001.png][]

**小结**

SpringMVC接收JSON数据的实现步骤为:

(1)导入jackson包

(2)使用PostMan发送JSON数据

(3)开启SpringMVC注解驱动，在配置类上添加@EnableWebMvc注解

(4)Controller方法的参数前添加@RequestBody注解

知识点1：@EnableWebMvc

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>@EnableWebMvc</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>类型</td> 
   <td>==配置类注解==</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>SpringMVC配置类定义上方</td> 
  </tr> 
  <tr> 
   <td>作用</td> 
   <td>开启SpringMVC多项辅助功能</td> 
  </tr> 
 </tbody> 
</table>

知识点2：@RequestBody

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>@RequestBody</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>类型</td> 
   <td>==形参注解==</td> 
  </tr> 
  <tr> 
   <td>位置</td> 
   <td>SpringMVC控制器方法形参定义前面</td> 
  </tr> 
  <tr> 
   <td>作用</td> 
   <td>将请求中请求体所包含的数据传递给请求参数，此注解一个处理器方法只能使用一次</td> 
  </tr> 
 </tbody> 
</table>

@RequestBody与@RequestParam区别

*  区别
    
     *  @RequestParam用于接收url地址传参，表单传参【application/x-www-form-urlencoded】
     *  @RequestBody用于接收json数据【application/json】
 *  应用
    
     *  后期开发中，发送json格式数据为主，@RequestBody应用较广
     *  如果发送非json格式数据，选用@RequestParam接收请求参数

[e01f286e4cd9424585583d244021ee29.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/6d00e79f119a417a8fb8d83a2d17bbf1.png
[6dc15b03df9e44cdaa914311f07e6d86.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/42b8d63dd479465faa7ab1714ddb6e39.png
[04e9dcd3dbce4f169534f052190d1cc7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/26e1cf26ac11497c996a0dfc5e23b052.png
[d1be3b92199642a6a674d6f6ee832bc2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/2a3d565039684504aaa7519e7c6fea1c.png
[eb04a711a3674c729835a9baa0f33ae5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/4d4f8e1f62a14597923fcbfb873ce4c3.png
[d243c088c7b04fe1b87002570f489292.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/dd8b6a7f5bd24acfb54988719d2847dd.png
[10f457bb560e4ecf93cc482ed3a5a001.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/2356ae6f633c42c5b26dee2e87115c43.png