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

无情 阅读:254 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.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
KIKK导航

KIKK导航

排行榜
关注我们

一个IT知识分享的公众号