SpringMVC参数的传递——接收List数组类型的数据

淡淡的烟草味﹌ 2023-10-01 12:43 70阅读 0赞

#### 前言 ####

本文主要是记录`SpringMVC`中当前台传过来数组的时候，如何把前台传过来的数据封装到`Controller`层方法的形参中。

**在了解下面参数如何传递前先记住两个结论：**

*  当`Ajax`以`application/x-www-form-urlencoded`编码格式上传数据，必须使用`JSON`对象传递数据，后台需要使用`@RequestParam` 或者`HttpServletRequest`来接收数据
 *  当`Ajax`以`application/json`编码格式上传数据，必须使用`JSON`字符串传递数据，后台需要使用`@RquestBody`标识参数来获取数据，使用`Map`或者实体对象来接收数据，如果只单单是接收一个数组，可以使用`List`来接收数据。

#### 1.前台发送String和基本类型数组 ####

**前台数据的发送（发送`json`对象（或`js`对象）**

$(function () {
        
        var obj={
        };
        obj.name="李四";
        obj.nums=[1,2,3];
        $.ajax({
        
            url: "/param/test1",
            type:"POST",
            contentType:"application/x-www-form-urlencoded",
            data:obj,
            dataType:"json",
            success:function(data){
        
            }
        })
    })

**后台接收数据**

后台接收数据时的形参必须和前台表单里的字段名一样（如果不一致要使用`@RequestParam`声明，数组必须声明）

@RequestMapping(value = "/test1", method = RequestMethod.POST)
        @ResponseBody
        private String Test1(String name,@RequestParam("nums[]") Integer[] nums) {
        
            System.out.println(name);
            for(int i=0;i<nums.length;i++){
        
                System.out.println(nums[i]);
            }
            return "success";
        }

当然，也可以使用`List`来接收

@RequestMapping(value = "/test1", method = RequestMethod.POST)
        @ResponseBody
        private String Test1(String name,@RequestParam("nums[]") List<Integer> nums) {
        
            System.out.println(name);
            System.out.println(nums);
            return "success";
        }

对于上面的这两种接收方式只适用于接收基本类型或包装类型的数组。

#### 2.前台发送String类型和对象数组 ####

一些将要使用的类

public class User {
        
        private String name;
        private int age;
    	//getter and setter...
    }

public class StringAndList {
        
        private List<User> users;
        private String name;
    	//getter and setter...
    }

**前端发送`json`字符串（注意：这里使用`application/json`）**

$(function () {
        
        var obj={
        };
        obj.name="展示";
        var user1={
        "name":"李四","age":1};
        var user2={
        "name":"网四","age":23};
        obj.users=[];
        obj.users.push(user1);
        obj.users.push(user2);
        var s=JSON.stringify(obj);
        $.ajax({
        
            url: "/param/test1",
            type:"POST",
            contentType:"application/json",//注意编码格式
            data:JSON.stringify(obj),//"{"name":"展示","users":[{"name":"李四","age":1},{"name":"网四","age":23}]}"
    
            dataType:"json",
            success:function(data){
        
            }
        })
    })

**后台接收数据**

一个方法中只允许有一个`@RequestBody`修饰的参数（此时方法中只可以有一个形参），它实际上是将输入流的`body`体作为一个整体进行转换，而`body`整体只有一份，解析完成之后会关闭输入流。如果传入多个参数则会报错，除非自定义参数解析器。所以当我们既要接收String参数，又要接收对象数组的时候，我们只能把这两个参数封装在一个自定义类中。

@RequestMapping(value = "/test1", method = RequestMethod.POST)
        @ResponseBody
        private String Test1(@RequestBody StringAndList sal) {
        
            System.out.println(sal);
            return "success";
        }

前面不是说可以使用`Map`来接收数据吗，那使用`Map`来接收的数据是怎么样的呢？我们来试试

@RequestMapping(value = "/test1", method = RequestMethod.POST)
        @ResponseBody
        private String Test1(@RequestBody Map<String,Object> map) {
        
            return "success";
        }

通过`debug`，我们可以发现`map`保存的数据是什么（我们可以把传过来的`json`对象中的`属性-值`想象成一个个`key-value`，就不难理解为什么可以用`Map`接收了）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xld2lzX2x4Yw_size_16_color_FFFFFF_t_70]

#### 3.前台只发送对象数组 ####

上面展示了同时接收其他类型和对象数组的情况，那么如果只接收对象数组呢？

**前端发送`json`字符串**

$(function () {
        
        var obj=[];
        var user1={
        "name":"李四","age":1};
        var user2={
        "name":"网四","age":23};
        obj.push(user1);
        obj.push(user2);
        var s=JSON.stringify(obj);//"[{"name":"李四","age":1},{"name":"网四","age":23}]"
        $.ajax({
        
            url: "/param/test1",
            type:"POST",
            contentType:"application/json",
            data:JSON.stringify(obj),
            dataType:"json",
            success:function(data){
        
            }
        })
    })

**后台接收数据**

因为只要接收数组，所以不用自定义一个类来封装数据

@RequestMapping(value = "/test1", method = RequestMethod.POST)
        @ResponseBody
        private String Test1(@RequestBody List<User> users) {
        //参数名任意
            System.out.println(users);
            return "success";
        }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xld2lzX2x4Yw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191201120048336.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xld2lzX2x4Yw==,size_16,color_FFFFFF,t_70