Ajax是一種用于在瀏覽器和服務器之間實現異步通信的技術。它可以在不刷新整個頁面的情況下，通過后臺與服務器進行數據交互和更新網頁內容。而JSON是一種輕量級的數據交換格式，廣泛應用于Web開發中的數據傳輸。在使用Ajax發送JSON格式數據時，可以方便地將數據傳遞給服務器，并獲得服務器返回的JSON數據。本文將詳細介紹如何使用Ajax發送JSON格式的數據。 首先，我們來看一個例子。假設我們正在開發一個在線購物網站，用戶可以在網站上選擇商品并將其添加到購物車中。當用戶點擊“加入購物車”按鈕時，我們需要將商品的信息以JSON格式發送到服務器，然后服務器會將該商品添加到用戶的購物車中，并返回更新后的購物車信息。接下來，我們將演示如何使用Ajax發送JSON數據。 首先，在網頁中的JavaScript代碼中，我們需要創建一個包含商品信息的JSON對象。例如，我們可以創建一個名為“product”的對象，其中包含商品的名稱、價格和數量。代碼如下：

var product = {
name: "iPhone 12",
price: 6999,
quantity: 1
};

然后，我們可以使用Ajax通過POST方法將該JSON對象發送到服務器。代碼如下：

var xmlhttp = new XMLHttpRequest();
var url = "add_to_cart.php";
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
var response = JSON.parse(xmlhttp.responseText);
// 處理服務器返回的JSON數據
}
};
xmlhttp.send(JSON.stringify(product));

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，然后使用open方法指定請求的URL和HTTP方法（POST）。接下來，我們通過setRequestHeader方法設置請求頭的Content-Type為application/json，以告訴服務器發送的數據為JSON格式。在onreadystatechange事件中，我們判斷服務器的響應狀態是否為4（完成）和200（成功），如果滿足條件，則通過JSON.parse方法將服務器返回的JSON字符串解析為JavaScript對象，并進行后續的處理。 在服務器端，我們需要編寫一個接收JSON數據的處理腳本。以PHP為例，我們可以創建一個名為add_to_cart.php的腳本來處理Ajax發送的JSON數據，并返回更新后的購物車信息。代碼如下：

// 解析接收到的JSON數據
$data = json_decode(file_get_contents('php://input'), true);
// 處理JSON數據
// ...
// 返回更新后的購物車信息
$response = json_encode($updated_cart);
echo $response;

在上面的代碼中，我們首先使用file_get_contents函數讀取從客戶端發送的JSON數據，并使用json_decode函數將JSON字符串解析為PHP關聯數組。然后，我們可以根據實際需求處理該數據，并返回更新后的購物車信息。最后，我們使用json_encode函數將PHP數組轉換為JSON字符串，并通過echo語句將其返回給客戶端。 綜上所述，通過使用Ajax發送JSON格式的數據，我們可以方便地將數據傳遞給服務器，并獲得服務器返回的JSON數據。這種方法非常適用于Web應用程序的數據交互和實時更新。無論是在開發在線購物網站還是其他類型的Web應用程序中，Ajax和JSON的組合都極大地提高了用戶體驗和頁面性能。 注意：以上示例僅用于演示Ajax發送JSON數據的基本原理和步驟。在實際開發中，需要根據具體的情況進行相應的修改和適配。