AJAX（Asynchronous JavaScript and XML）是一种用于在后台与服务器进行数据交互的技术，它可以实现网页局部刷新，提高用户体验。使用 AJAX 发送 JSON 数据是常见的应用场景之一，通过这种方式可以在不刷新整个页面的情况下更新部分内容，使用户界面更加流畅。下面我们将通过一些举例来详细介绍如何使用 AJAX 发送 JSON 数据。

首先，我们需要在前端页面中引入 jQuery 库。这里我们以一个简单的表单提交为例，假设我们要发送一个包含用户名和密码的 JSON 数据到服务器，后台接收到这个 JSON 数据后可以进行登录验证并返回相应的结果。

$(document).ready(function() {
// 绑定表单提交事件
$("#login-form").submit(function(event) {
// 阻止表单默认提交行为
event.preventDefault();
// 构建 JSON 数据
var data = {
username: $("#username").val(),
password: $("#password").val()
};
// 发送 AJAX 请求
$.ajax({
url: "login.php", // 后台接口 URL
type: "POST", // 请求方式为 POST
data: JSON.stringify(data), // 将 JSON 数据转换成字符串
contentType: "application/json; charset=utf-8", // 请求数据类型为 JSON
dataType: "json", // 期望响应数据类型为 JSON
success: function(response) {
// 处理响应数据
if (response.success) {
alert("登录成功！");
} else {
alert("登录失败：" + response.message);
}
},
error: function(xhr, status, error) {
// 处理错误
console.log("请求失败：" + status + "，" + error);
}
});
});
});

在上述代码中，我们首先使用 jQuery 绑定了表单的提交事件，并通过 event.preventDefault() 方法阻止了表单的默认提交行为。接下来，我们使用 JavaScript 构建了一个包含用户名和密码的 JSON 对象，并使用 JSON.stringify() 方法将其转换成字符串。然后，我们使用 $.ajax() 方法发送 AJAX 请求。

在 $.ajax() 方法的配置中，我们指定了后台接口的 URL（"login.php"），请求方式为 POST（type: "POST"），设置了请求数据类型为 JSON（contentType: "application/json; charset=utf-8"），期望响应的数据类型为 JSON（dataType: "json"）。在 success 回调函数中，我们处理了返回的响应数据，如果登录成功则弹出"登录成功！"，否则弹出登录失败的提示信息。

在后台 PHP 文件 login.php 中，我们可以通过解析接收到的 JSON 数据来进行登录验证，并将验证结果以 JSON 格式返回给前端页面。

// login.php
$json = file_get_contents("php://input"); // 获取请求的 JSON 数据
$data = json_decode($json); // 解析 JSON 数据为 PHP 对象
$username = $data->username;
$password = $data->password;
// 进行登录验证
if ($username == "admin" && $password == "123456") {
$response = array("success" =>true);
} else {
$response = array("success" =>false, "message" =>"用户名或密码错误");
}
// 返回响应数据
header("Content-Type: application/json; charset=utf-8");
echo json_encode($response);

在上述代码中，我们首先通过 file_get_contents() 函数获取请求的 JSON 数据，并使用 json_decode() 函数将其解析成 PHP 对象。然后，我们从解析后的 PHP 对象中获取用户名和密码，并进行登录验证。根据验证结果，我们构建一个包含 success 和 message 字段的关联数组 $response，并使用 header() 函数设置响应数据类型为 JSON，然后使用 json_encode() 函数将 $response 数组转换成 JSON 字符串并返回响应数据。

以上就是使用 AJAX 发送 JSON 数据的简单示例，通过这种方式我们可以方便地进行数据交互，提高网页的用户体验。在实际开发中，我们还可以根据具体需求来进行适当的改进和扩展。