SpringMVC项目请求(JSON数据传输参数)

水深无声 2024-04-01 14:52 98阅读 0赞

现在比较流行的开发方式为异步调用。前后台以异步方式进行交换，传输的数据使用的是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.8</version>
        </dependency>

#### 步骤2:PostMan发送JSON数据 ####

![在这里插入图片描述][86634ce256e24a92a6032265e2d53509.png_pic_center]

#### 步骤3:开启SpringMVC注解支持 ####

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

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

#### 步骤4:参数前添加@RequestBody ####

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

#### 步骤5:启动运行程序 ####

![在这里插入图片描述][eb8091de26cb4449b0c8a6c6fdc29d6c.png_pic_center]

![在这里插入图片描述][fe7885f91b7445a99eab9497c90401b1.png_pic_center]

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

### JSON对象数据 ###

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

请求和数据的发送:

{
        
        "userName": "xiaochuang",
        "userAge": 20,
        "userSex": "man"
    }

![在这里插入图片描述][7ca90d2157ee4998bfce0bec3ded1088.png_pic_center]

后端接收数据：

@RequestMapping("/jsonParam")
        @ResponseBody
        public String userParamForJson(@RequestBody User user){
        
            System.out.println("Json参数传递 user ==> " + user);
            return user.toString();
        }

启动程序访问测试

![在这里插入图片描述][ee4c14e6dad840a89812041ea88f68d3.png_pic_center]

**说明:**

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

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

{
        
        "userName": "xiaochuang",
        "userAge": 20,
        "userSex": "man",
        "city": {
        
            "country": "China",
            "provice": "ShangHai",
            "area": "PuDong"
        }
    }

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

![在这里插入图片描述][b472030c6a174089a68003f3e12084aa.png_pic_center]

### JSON对象数组 ###

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

请求和数据的发送:

[
        {
        
            "userName": "xiaochuang",
            "userAge": 20,
            "userSex": "man",
            "city": {
        
                "country": "China",
                "provice": "ShangHai",
                "area": "PuDong"
            }
        },
        {
        
            "userName": "zhangsan",
            "userAge": 18,
            "userSex": "man",
            "city": {
        
                "country": "China",
                "provice": "BeiJing",
                "area": "HaiDian"
            }
        },
        {
        
            "userName": "lily",
            "userAge": 22,
            "userSex": "woman",
            "city": {
        
                "country": "China",
                "provice": "AnHui",
                "area": "HeFei"
            }
        }
    ]

![在这里插入图片描述][1f79c945034e4c8ab0f8a20b76a93690.png_pic_center]

后端接收数据:

@RequestMapping("/userListParam")
        @ResponseBody
        public String userListParamForJson(@RequestBody List<User> userList){
        
            System.out.println("Json参数传递 userList ==> " + userList);
            return userList.toString();
        }

启动程序访问测试

![在这里插入图片描述][7eec6354ca2d4cb889c7289fb9fa4f0b.png_pic_center]

**小结**

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接收请求参数

### 项目代码 ###

*  [gitee 代码下载][gitee]
 *  [github 代码下载][github]

[86634ce256e24a92a6032265e2d53509.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6d8fd6e9f926487a95808789264fbcf7.png
[eb8091de26cb4449b0c8a6c6fdc29d6c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/00efdb0b498f419d83a90333ffe44ac8.png
[fe7885f91b7445a99eab9497c90401b1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/48b938efb64a497f962a108f9e720b9d.png
[7ca90d2157ee4998bfce0bec3ded1088.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8edb4e8581ac42edbb27914a4a3657ee.png
[ee4c14e6dad840a89812041ea88f68d3.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/59dc97304f7f4017aaa32f51f9b7c2a1.png
[b472030c6a174089a68003f3e12084aa.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/98477cbc82c743d79c9bacbbc47abc86.png
[1f79c945034e4c8ab0f8a20b76a93690.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7fd4055df84940f99ab8f1846b8f45a1.png
[7eec6354ca2d4cb889c7289fb9fa4f0b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/906a7a64aa3d40bdb0d19e9195c6dd45.png
[gitee]: https://gitee.com/DchuangDB/SpringMVCProject
[github]: https://github.com/dcbut/SpringMVCProject