ajax请求之JSON.stringify

男娘i 2022-08-05 19:29 104阅读 0赞

**问题提出：**确保后台程序无问题，通过postman能成功提交表单，但是从前台页面用ajax提交却始终执行error的回调函数，debug一下，发现postman发送请求中携带的数据格式为json，但是debug前台页面发送时时一串的attribute1=value1&attribute2=value2&...问题出在哪里？

**后台接口：**

/*Controller请求url*/
    var url = "${ctx}/developer/register";
    /*约定数据格式*/
    consume=MediaType.APPLICATION_JSON_VALUE

**json数据：**

json_data = {
                    "loginName": loginName,
                    "password": password1,
                    "name": name,
                    "email": email,
                    "sex": sex,
                    "avatar": avatar,
                    "description": description
                }

**ajax请求代码-方式一：**

<span style="line-height: 1.5;">$.ajax({
        type: "POST",
        url: url,
        contentType: "application/json",
        dataType: "json",
        data: json_data,
        success: function () {
              window.alert("添加开发者成功");
        },
        error: function (XMLHttpRequest) {
              alert("请求出错："+XMLHttpRequest.status+XMLHttpRequest.statusText);
        }
     });</span>

ajax请求结果：每次都是执行error，错误码：400，Bad Request。

**ajax请求代码-方式二：**

$.ajax({
        type: "POST",
        url: url,
        contentType: "application/json",
        dataType: "json",
        data: json_data,
        success: function () {
              window.alert("添加开发者成功");
        },
        error: function (XMLHttpRequest) {
              alert("请求出错："+XMLHttpRequest.status+XMLHttpRequest.statusText);
        }
     });

ajax请求结果：弹出“添加开发者成功“对话框，问题解决之。

原因：Controller和前台约定传递json格式的数据，因此前台ajax必须传递json格式的数据，通过查文档知，data属性接收的参数类型为String，因此要用JSON.stringify将json对象转换成String类型。

附>>jQuery ajax方法链接：[http://www.w3cschool.cn/ajax\_ajax.html][http_www.w3cschool.cn_ajax_ajax.html]

[http_www.w3cschool.cn_ajax_ajax.html]: http://www.w3cschool.cn/ajax_ajax.html