SpringBoot +thymeleaf +layui 提交更新接口提示:JSON parse error: Unrecognized token ‘bookId‘: was expecting

深碍√TFBOYSˉ_ 2023-10-10 11:26 146阅读 0赞

20200809015113786.png

LayUI 前端代码:

  1. form.on('submit(formDemo)',function(messge){
  2. console.log(messge.field);
  3. console.log(obj.data);
  4. $.ajax({
  5. url:"/api/book/update",
  6. type:"POST",
  7. contentType: "application/json; charset=utf-8",
  8. dataType: "json",
  9. data: {
  10. "bookId":data.bookId,
  11. "bookName":data.bookName,
  12. "bookAuthor":data.bookAuthor,
  13. "bookPublish":data.bookPublish,
  14. "booCategory":messge.field.booCategory,
  15. "bookPrice": data.bookPrice
  16. },
  17. success:function (msg) {
  18. console.log(msg);
  19. // var returnCode = msg.returnValue//取得返回数据(Sting类型的字符串)的信息进行取值判断
  20. if (msg) {
  21. //layer.closeAll('loading');
  22. //layer.load(2);
  23. layer.msg("修改成功", {icon: 6});
  24. // 加载层 - 风格
  25. } else {
  26. layer.msg("修改失败", {icon: 5});
  27. }
  28. }
  29. })
  30. return false;//阻止表单跳转,网页url不显示提交的参数。
  31. })
  32. }

返回数据格式不规范.当dataType指定为json后,1.4+以上的jquery版本对json格式要求更加严格.如果不是严格的json格式,就不能正常执行success回调函数.

  1. JSON格式: 
  2. 1)键名称:用双引号 括起   
  3. 2)字符串:用使用双引号 括起
  4. 3)数字,布尔类型不需要 使用双引号 括起

调整后的代码:

  1. //提交编辑表单
  2. form.on('submit(formDemo)',function(messge){
  3. console.log(messge.field);
  4. console.log(obj.data);
  5. var str={
  6. "bookId":data.bookId,
  7. "bookName":data.bookName,
  8. "bookAuthor":data.bookAuthor,
  9. "bookPublish":data.bookPublish,
  10. "booCategory":messge.field.booCategory,
  11. "bookPrice": data.bookPrice
  12. };
  13. $.ajax({
  14. url:"/api/book/update",
  15. type:"POST",
  16. contentType: "application/json; charset=utf-8",
  17. dataType: "json",
  18. data: JSON.stringify(str),
  19. success:function (msg) {
  20. console.log(msg);
  21. // var returnCode = msg.returnValue//取得返回数据(Sting类型的字符串)的信息进行取值判断
  22. if (msg) {
  23. //layer.closeAll('loading');
  24. //layer.load(2);
  25. layer.msg("修改成功", {icon: 6});
  26. // 加载层 - 风格
  27. } else {
  28. layer.msg("修改失败", {icon: 5});
  29. }
  30. }
  31. })
  32. return false;//阻止表单跳转,网页url不显示提交的参数。
  33. })
  34. }

发表评论

表情:
评论列表 (有 0 条评论,146人围观)

还没有评论,来说两句吧...

相关阅读