如何使用 jQuery 发送 JSON 数据：避免表单编码字符串？

使用 jQuery 发送 JSON 数据：避免表单编码字符串

在使用 jQuery 的 $.ajax() 传输 JSON 数据时，开发者可以遇到数据作为表单编码字符串而不是预期的 JSON 格式发送的问题。当省略某些参数时，就会发生这种情况。

考虑以下代码：

var arr = {City:'Moscow', Age:25};
$.ajax(
   {
        url: "Ajax.ashx",
        type: "POST",
        data: arr,
        dataType: 'json',
        async: false,
        success: function(msg) {
            alert(msg);
        }
    }
);

在此代码中，数据作为表单编码字符串发送（例如，“City=Moscow&Age= 25") 而不是 JSON。要解决此问题，必须采取两个关键步骤：

1. 将数据转换为 JSON 格式：
   使用 JSON.stringify() 方法将JavaScript 对象 (arr) 转换为 JSON 字符串。

   var arr = { City: 'Moscow', Age: 25 };
   var json_data = JSON.stringify(arr);

2. 指定请求内容类型：
   将 contentType 属性设置为 'application/json; charset=utf-8' 表示请求包含 JSON 数据。

   contentType: 'application/json; charset=utf-8',

下面更正的代码合并了这些更改：

$.ajax({
    url: 'Ajax.ashx',
    type: 'POST',
    data: json_data,
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    async: false,
    success: function(msg) {
        alert(msg);
    }
});

这些调整确保数据以 JSON 形式发送，允许服务器正确处理请求并返回所需的 JSON 响应。

以上是如何使用 jQuery 发送 JSON 数据：避免表单编码字符串？的详细内容。更多信息请关注PHP中文网其他相关文章！