SpringMVC接受复杂数据类型（对象、数组、对象数组）

结论：

1. 使用@RequestParam时，在前端请求时必须为键值对形式。
2. 在使用@RequestBody时，若请求数据为json对象，则必须使用JSON.stringify()方法将其转化为JSON字符串，同时还要使用POST方法，指定contentType为application/json。
3. @RequestBody必须使用POST请求,一个请求，只有一个@RequestBody，可以有多个@RequestParam。
4.使用数组时可以用两种方法传递参数，注意在浏览器控制台查看两个参数的不同形式。
5. @RequestParam和@RequestBody获取相同类型的数据时，@RequestParam获取Get方法的数据，@RequestBody获取Post方法的数据。
6. @RequestParam只能接受字符串，当使用@RequestParam接受JSON对象时，需使用JSON.stringify将对象转为字符串，且不能使用contentType:"application/x-www-form-urlencoded"属性或者不指定该属性。后端需要使用String类型的变量接受该数据，可使用第三方库将字符串转为对象。

1. 数组

/前端

data={'name':['zhangsan','lisi','wangwu'],'age':180};
$.post(/test1,data,function(data){})

/后端

@ResponseBody
    public void test1(@RequestParam("name[]") String[] name,@RequestParam("age") int age){
        System.out.println(name.length);
        System.out.println("age:"+age);
    }

2. 简单对象

///前端

let data={'name':'张三','age':'18'};
    $.ajax({
        url:'../../user/test',
        type:'POST',
        contentType:'application/json',
        data:JSON.stringify(data),
        success:function(data){
            console.log(data);
        },
        error:function(err){
            console.log(err);
        }
    })

   
//后端:

@RequestMapping(value="/test",method=RequestMethod.POST)
    @ResponseBody
    public void test(@RequestBody  Map<String,String> personList){
        personList.forEach((k,v)->{
            System.out.println(k+":"+v);
        });
    }

3. 对象数组
/前端:

let data=[];
    data.push({'name':'张三','age':'18'});
    data.push({'name':'里斯','age':'19'})
    $.ajax({
        url:'../../user/test2',
        type:'POST',
        contentType:'application/json',
        data:JSON.stringify(data),
        success:function(data){
            console.log(data);
        },
        error:function(err){
            console.log(err);
        }
    })

后端：

@RequestMapping(value="/test2",method = RequestMethod.POST)
    @ResponseBody
    public void test2(@RequestBody List<Map<String,String>> body){
        body.forEach(b->{
            b.forEach((k,v)->{
                System.out.println(k+":"+v);
            });
        });
    }

    
4. 多参数 @RequestParam和@RequestBody一起使用
@RequestParam接收GET方法提交的数据，@RequestBody接收POST方法数据
//前端：

let data=[];
    data.push({'name':'张三','age':'18'});
    data.push({'name':'里斯','age':'19'})
$.ajax({
        url:'../../user/test3?address=上海&distance=1300',
        type:'POST',
        contentType:'application/json',
        data:JSON.stringify(person),
        success:function(data){
            console.log(data);
        },
        error:function(err){
            console.log(err);
        }
    })

后端:

@RequestMapping(value="/test3",method = RequestMethod.POST)
    @ResponseBody
    public void test3(
            @RequestParam("address")String address,
            @RequestParam("distance") int distance,
            @RequestBody List<Map<String,String>> person){
        person.forEach(b->{
            b.forEach((k,v)->{
                System.out.println(k+":"+v);
            });
        });
        System.out.println(address+":"+distance);
    }

5. @ReqeustParam接收复杂数据
前端:

$.ajax({
        url:'../../user/test4?name=张三&name=lisi',
        success:function(data){
            console.log(data);
        },
        error:function(err){
            console.log(err);
        }
    })

@RequestMapping(value="/test4")
    @ResponseBody
    public void test4(
            @RequestParam("name")String[] name){ //String[]也可以写为List<String>
        for(int i=0;i<name.length;i++){
            System.out.println(name[i]+"-------------->");
        }
    }

//前端
$.ajax({
        url:'../../user/test4',
        data:{'name':['zhangsan','lisi']},
        success:function(data){
            console.log(data);
        },
        error:function(err){
            console.log(err);
        }
    })
//后端
 @RequestMapping(value="/test4")
    @ResponseBody
    public void test4(
            @RequestParam("name[]")String[] name){
        for(int i=0;i<name.length;i++){
            System.out.println(name[i]+"-------------->");
        }

    }

    
6. 加注释和不加注释,加注释为POST方法的数据，不加注释为GET方法的数据

///前端：
$.ajax({
        url:'../../user/test5?name=zhangsan&age=100',
        type:"POST",
        contentType:"application/json",
        data:JSON.stringify(person),
        success:function(data){
            console.log(data);
        },
        error:function(err){
            console.log(err);
        }
    })
///后端：
$.ajax({
        url:'../../user/test5?name=zhangsan&age=100',
        type:"POST",
        contentType:"application/json",
        data:JSON.stringify(person),
        success:function(data){
            console.log(data);
        },
        error:function(err){
            console.log(err);
        }
    })