记录一次ajax 请求400错误(bad request)
$.ajax({type: "post",dataType: "json",async: true,contentType: "application/json",url: '',data: data,success: function (res) {console.log(res.data);}});一次平常的ajax请求,
·
var data = {"data": "save功能测试"};
$.ajax({
type: "post",
dataType: "json",
contentType: "application/json",
url: '',
data: data,
success: function (res) {
console.log(res.data);
}
});
一次平常的ajax请求,data是一个json格式的数据,然后请求报错:
{"timestamp":"2022-02-23 10:44:42","status":400,"error":"Bad Request","message":"JSON parse error: Unrecognized token 'data': was expecting ('true', 'false' or 'null'); nested exception is com.fasterxml.jackson.core.JsonParseException: Unrecognized token 'data': was expecting ('true', 'false' or 'null')\n at [Source: (PushbackInputStream); line: 1, column: 6]","path":""}
然后我们只需要使用 JSON.stringify() 方法,将json格式转成json字符串格式(加上了引号),问题就迎刃而解。
即:
var data = {"data": "save功能测试"};
$.ajax({
type: "post",
dataType: "json",
contentType: "application/json",
url: '',
data: JSON.stringify(data),
success: function (res) {
console.log(res.data);
}
});
试着分析原因,打印stringify()前后的data:
{data: "save功能测试"}
{"data":"save功能测试"}
发现json赋值给data对象的时候,data对象将json里面的key值的引号去掉了,导致请求失败,使用JSON.stringify()后会将key值的引号加上。
此外,POST请求时,需加上 contentType: “application/json”,否则会报415错误。
如果是get请求,则不需要:
var data = {"data": "save功能测试"};
$.ajax({
type: "get",
dataType: "json",
url: '',
data: data,
success: function (res) {
console.log(res.data);
}
});
最后总结:
- post:需要 contentType: “application/json” ,需要 JSON.stringify(),后端接收使用 @RequestBody接收参数。
- get:不需要 contentType: “application/json” ,不需要 JSON.stringify(),后端接收使用 @RequestParam接收参数。

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐
所有评论(0)