如何在 ajax 调用中传递 JSON 格式数据

在 Web 开发中，利用 AJAX 可以进行客户端与服务器之间的数据交互。而 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，广泛应用于 Web 应用程序中的数据交互。

在 AJAX 中传递 JSON 格式数据，通常采用以下方式：

1. 将 JSON 对象转换为字符串

客户端需要将 JSON 对象转换为字符串后，才能传输给服务器。可以利用 JavaScript 中的 JSON.stringify() 方法将 JSON 对象转换为字符串。

例如：

var data = { name: "John", age: 30 };
var json = JSON.stringify(data);

2. 通过 AJAX 发送字符串

在 AJAX 中，可以通过 XMLHttpRequest 对象发送字符串数据。可以利用 open() 方法打开连接，使用 send() 方法发送数据。

例如：

var xmlhttp = new XMLHttpRequest();
var url = "some.php";
var data = { name: "John", age: 30 };
var json = JSON.stringify(data);

xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-type", "application/json");

xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        // 成功后的回调
        console.log(xmlhttp.responseText);
    }
};

xmlhttp.send(json);

在发送数据时，需要设置请求方法为 POST，设置请求头 Content-type 为 application/json，这表示传递的是 JSON 数据。

3. 服务器端解析数据

在服务器端，可以利用相应的语言解析 JSON 格式的字符串。例如，在 PHP 中，可以使用 json_decode() 方法将 JSON 字符串转换为 PHP 对象。

例如：

<?php
$value = json_decode(file_get_contents('php://input'));

echo $value->name; // 输出 John
echo $value->age; // 输出 30
?>

总结

以上介绍了在 AJAX 中传递 JSON 数据的方式。需要注意的是，在发送数据时，应该将 JSON 对象转换为字符串。在服务器端，也需要使用相应的方法解析 JSON 字符串。