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 數據的簡單示例，通過這種方式我們可以方便地進行數據交互，提高網頁的用戶體驗。在實際開發中，我們還可以根據具體需求來進行適當的改進和擴展。