jquery发送ajax请求出现JSON parse error: Unrecognized token 'id': was expecting ('true', 'false' or 'null)

最新推荐文章于 2025-10-24 10:12:02 发布

原创最新推荐文章于 2025-10-24 10:12:02 发布 · 2.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #js #json #jquery #post

本文详细介绍了如何使用SpringMVC的@RequestBody注解来处理Ajax请求中的JSON数据，包括数据格式化、请求配置及错误处理，适用于前后端分离的开发场景。

PS:后端如果用springMVC的@RequestBody注解的话，则只能接收Json对象的字符串，不能接收Json对象，用 JSON.stringify(data)的方式将对象变成字符串，同时ajax请求也要指定dataType: “json”,contentType:“application/json” ，这样就能用@RequestBody注解绑定对象或者List集合.
这是大神说的，现在水平的我奉为圭臬。

 $("#send").click(function () {
        console.log("=========================进入点击方法============================")
        var xing  =$("#contactName").val();
        var ming  =$("#contactLastName").val()
        var name = ming+xing;
        console.log("Contactname:" +name);
        var contactCompany = $("#contactCompany").val();
        console.log("contactCompany:"+contactCompany);
        var contactTextarea = $("#contactTextarea").val();
        console.log("contactTextarea:"+contactTextarea);
        var data =  {
            "contactName":name,
            "contact":contactTextarea,
            "contactCompany":contactCompany
        };
        console.log("data:"+data)
        $.ajax({
            //请求方式
            type : "post",
            //请求的媒体类型
            contentType: "application/json;charset=UTF-8",
            //请求地址
            url : "letter",
            //数据，json字符串
            data :JSON.stringify(data),
            //请求成功
            success : function(result) {
                console.log(result);
                alert(result);
            },
            //请求失败，包含具体的错误信息
            error : function(e){
                console.log(e.status);
                console.log(e.responseText);
                alert("发送失败,请重试！");
            }
        });

    });