AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式 Web 應用程序的技術。其中，Ajax 的 data 參數通常被用來傳輸數據。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，非常適合在 AJAX 中使用。通過使用 AJAX 的 data 參數和 JSON 字符串來傳輸數據，我們能夠實現異步的、快速響應的 Web 應用程序。

假設我們有一個電子商務網站，我們需要在首頁上展示商品的信息。我們可以使用 AJAX 進行異步請求獲取商品數據，然后使用 JSON 字符串來傳輸這些數據。

$.ajax({
url: "api/products",
type: "GET",
dataType: "json",
success: function(data) {
// 從服務器返回的 JSON 數據中獲取商品信息
var products = data.products;
// 處理商品數據
for (var i = 0; i< products.length; i++) {
var product = products[i];
//在頁面上展示商品信息
$("#productList").append("
" + product.name + " - " + product.price + "
");
}
}
});

在上面的例子中，我們使用了 jQuery 的 $.ajax 方法來發送一個 GET 請求，這個請求從指定的 URL（"api/products"）獲取 JSON 數據。請求成功后，服務器將返回一個包含商品信息的 JSON 對象。

在 success 回調函數中，我們使用 data 參數來獲取服務器返回的 JSON 數據。我們假設數據的結構是這樣的：

{
"products": [
{
"name": "iPhone 12",
"price": 999
},
{
"name": "Samsung Galaxy S21",
"price": 799
},
...
]
}

我們使用循環遍歷每個商品對象，并將它們的名稱和價格添加到頁面上的商品列表中。

除了在 GET 請求時使用 JSON 數據，我們還可以在 POST 請求中發送 JSON 數據。假設用戶點擊了一個 "Add to Cart" 按鈕，我們需要將所選商品的信息發送到服務器端：

var product = {
"name": "iPhone 12",
"price": 999
};
$.ajax({
url: "api/cart",
type: "POST",
contentType: "application/json",
data: JSON.stringify(product),
success: function(response) {
// 處理服務器返回的響應
console.log(response);
}
});

在上述例子中，我們創建了一個包含所選商品信息的 JavaScript 對象。然后，通過使用 JSON.stringify 方法將其轉換為 JSON 字符串，并將其作為 POST 請求的 data 參數發送到服務器端。

值得注意的是，我們還設置了請求的 contentType 為 "application/json"，以指示服務器接收的是 JSON 數據。

AJAX 的 data 參數和 JSON 字符串為我們提供了一種靈活、高效的方式來傳輸數據。無論是在 GET 請求中獲取數據，還是在 POST 請求中發送數據，都可以使用 AJAX 的 data 參數和 JSON 字符串來處理。

通過結合 AJAX 和 JSON，我們能夠輕松地構建出強大的、響應迅速的 Web 應用程序，提供更好的用戶體驗。