Ajax传递复杂对象报415

特别提示：本人博客部分有参考网络其他博客，但均是本人亲手编写过并验证通过。如发现博客有错误，请及时提出以免误导其他人，谢谢！欢迎转载，但记得标明文章出处：http://www.cnblogs.com/mao2080/

1、问题描述

使用ajax进行post请求，参数为复杂对象，对象属性有数组，数组元素为对象。这种情况会报415错误。

ajax片段代码

function test(){
    var url = "/api/demoController/add";
    var params = {
        "faceInfoList": [{
            "faceId": "1",
            "faceName": "leftFace"
        }, {
            "faceId": "2",
            "faceName": "rightFace"
        }],
        "personId": "123"
    }
    $.ajax({
        url:"/api/demoController/add",
        data:params,
        type:"post",
        dataType:"json",
        async:true,
        success:function(res){
            if(res.success || res.code == 200){
                console.log(res);
            }else{
                console.log(res);
            }
        },
        error:function(res){
            console.log(res);
        },
    });
}

2、解决方案

增加一行参数：contentType: "application/json;charset=UTF-8",

改了之后会报400，查了之后还需要增加参数。

ajax参数改为：data:JSON.stringify(params)

修改后完整的代码为：

function test(){
    var url = "/api/demoController/add";
    var params = {
        "faceInfoList": [{
            "faceId": "1",
            "faceName": "leftFace"
        }, {
            "faceId": "2",
            "faceName": "rightFace"
        }],
        "personId": "123"
    }
    $.ajax({
        url:"/api/demoController/add",
        data:JSON.stringify(params),
        type:"post",
        dataType:"json",
        contentType: "application/json;charset=UTF-8",
        async:true,
        success:function(res){
            if(res.success || res.code == 200){
                console.log(res);
            }else{
                console.log(res);
            }
        },
        error:function(res){
            console.log(res);
        },
    });
}

Java后台代码为：

@RequestMapping(value = "/add", method = {RequestMethod.POST}, consumes = MediaType.APPLICATION_JSON_VALUE)
@ResponseBody
public String add(@RequestBody InfoReq vo) throws IOException {
    System.out.println(vo.toString());
    return "Success";
}

3、参考网站

https://www.cnblogs.com/goblinn/p/9352267.html