在Web開發中，常常需要通過異步請求向服務器傳遞數據或獲取數據，其中一種常見的實現方式是使用Ajax進行異步請求。而傳遞JSON數據是Ajax中十分常見的操作之一。通過Ajax傳遞JSON數據可以實現靈活的數據交互，提高Web應用的效率和用戶體驗。

假設我們正在開發一個在線商城的購物車功能。用戶在商品詳情頁點擊添加到購物車按鈕后，需要將商品信息以JSON的形式傳遞給服務器，然后服務器將商品信息存儲到用戶的購物車中。在這個場景中，使用Ajax傳遞JSON數據是非常合適的。

首先，我們需要使用JavaScript創建一個包含商品信息的JSON對象：

var product = {
id: 12345,
name: "Apple MacBook Pro",
price: 1699.99
};

接下來，我們可以使用jQuery的$.ajax方法發送POST請求，并將JSON對象作為參數傳遞給服務器：

$.ajax({
url: "/add-to-cart",
method: "POST",
data: JSON.stringify(product),
contentType: "application/json",
success: function(response) {
console.log("Add to cart successful!");
},
error: function(xhr, status, error) {
console.log("Error adding to cart: " + error);
}
});

上述代碼中，我們使用了$.ajax方法發送一個POST請求到服務器，請求的URL是"/add-to-cart"。通過data屬性，我們將JSON對象轉換成字符串，并作為請求的內容發送給服務器。由于服務器需要知道接收到的數據是JSON格式，我們需要設置contentType為"application/json"。

在服務器端，我們可以使用不同的編程語言和框架來處理接收到的JSON數據。以Node.js和Express框架為例，我們可以使用body-parser中間件來解析請求的內容：

const express = require("express");
const bodyParser = require("body-parser");
const app = express();
app.use(bodyParser.json());
app.post("/add-to-cart", function(req, res) {
var product = req.body;
// 將商品信息存儲到購物車
console.log("Added to cart: " + JSON.stringify(product));
res.sendStatus(200);
});
app.listen(3000, function() {
console.log("Server listening on port 3000");
});

在這個例子中，我們使用Express框架創建了一個簡單的服務器。通過app.use(bodyParser.json())中間件，我們告訴Express解析請求的內容為JSON格式。在POST /add-to-cart路由中，我們可以通過req.body獲取到客戶端發送的JSON對象，并進行相應的處理。這里我們簡單地將商品信息打印出來，并返回HTTP狀態碼200表示請求成功。

總結來說，通過Ajax異步請求傳遞JSON數據可以方便地實現數據的傳遞和交互。無論是發送JSON數據到服務器，還是從服務器獲取JSON數據，都可以通過Ajax來實現。使用Ajax傳遞JSON數據可以提高Web應用的效率和用戶體驗，使得數據的傳遞更加靈活和方便。