SpringBoot +thymeleaf +layui 提交更新接口提示:JSON parse error: Unrecognized token ‘bookId‘: was expecting
无情
阅读:842
2021-03-31 13:46:12
评论:0
LayUI 前端代码:
form.on('submit(formDemo)',function(messge){
console.log(messge.field);
console.log(obj.data);
$.ajax({
url:"/api/book/update",
type:"POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: {
"bookId":data.bookId,
"bookName":data.bookName,
"bookAuthor":data.bookAuthor,
"bookPublish":data.bookPublish,
"booCategory":messge.field.booCategory,
"bookPrice": data.bookPrice
},
success:function (msg) {
console.log(msg);
// var returnCode = msg.returnValue//取得返回数据(Sting类型的字符串)的信息进行取值判断
if (msg) {
//layer.closeAll('loading');
//layer.load(2);
layer.msg("修改成功", {icon: 6});
// 加载层 - 风格
} else {
layer.msg("修改失败", {icon: 5});
}
}
})
return false;//阻止表单跳转,网页url不显示提交的参数。
})
}
返回数据格式不规范.当dataType指定为json后,1.4+以上的jquery版本对json格式要求更加严格.如果不是严格的json格式,就不能正常执行success回调函数.
JSON格式:
1)键名称:用双引号 括起
2)字符串:用使用双引号 括起
3)数字,布尔类型不需要 使用双引号 括起
调整后的代码:
//提交编辑表单
form.on('submit(formDemo)',function(messge){
console.log(messge.field);
console.log(obj.data);
var str={
"bookId":data.bookId,
"bookName":data.bookName,
"bookAuthor":data.bookAuthor,
"bookPublish":data.bookPublish,
"booCategory":messge.field.booCategory,
"bookPrice": data.bookPrice
};
$.ajax({
url:"/api/book/update",
type:"POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON.stringify(str),
success:function (msg) {
console.log(msg);
// var returnCode = msg.returnValue//取得返回数据(Sting类型的字符串)的信息进行取值判断
if (msg) {
//layer.closeAll('loading');
//layer.load(2);
layer.msg("修改成功", {icon: 6});
// 加载层 - 风格
} else {
layer.msg("修改失败", {icon: 5});
}
}
})
return false;//阻止表单跳转,网页url不显示提交的参数。
})
}
声明
1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。