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), 16         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