Ajax是一種在Web開發中常用的技術，它可以在不刷新整個頁面的情況下，通過JavaScript向服務器發送請求并接收響應。在傳遞數據的過程中，Ajax可以使用JSON格式，這種格式簡單易讀，便于數據的傳遞和解析。本文將介紹使用Ajax傳遞JSON數據的一些常見場景和注意事項。

首先，讓我們考慮一個例子。假設我們正在開發一個電商網站，我們希望實時顯示商品的庫存數量。當用戶查看商品詳情頁面時，我們可以通過Ajax向服務器發送請求，并將商品的唯一標識符作為參數傳遞。服務器會返回一個包含庫存數量的JSON對象作為響應。我們可以使用JavaScript解析這個響應，并將庫存數量顯示在頁面上。

$.ajax({
type: 'GET',
url: '/api/inventory',
data: {
productId: '12345'
},
dataType: 'json',
success: function(response) {
var inventory = response.inventory;
$('#inventory-count').text(inventory);
},
error: function(xhr, status, error) {
console.error(error);
}
});

在上面的代碼中，我們使用jQuery的ajax函數發送GET請求。我們指定了請求的類型、URL和數據。dataType參數告訴jQuery我們期望的響應數據類型是JSON。當請求成功時，success回調函數會被調用，我們可以從響應中獲取庫存數量并更新頁面上的元素。如果請求發生錯誤，error回調函數會被調用。

除了獲取數據外，我們還可以使用Ajax傳遞JSON數據來更新服務器端的資源。例如，當用戶提交一個表單時，我們可以使用Ajax將表單數據以JSON格式發送到服務器，并在服務器端進行處理。下面是一個簡單的示例，演示了如何使用Ajax發送一個包含用戶輸入的JSON對象：

var formData = {
username: $('#username').val(),
email: $('#email').val(),
password: $('#password').val()
};
$.ajax({
type: 'POST',
url: '/api/users',
data: JSON.stringify(formData),
contentType: 'application/json',
success: function(response) {
console.log('User created successfully!');
},
error: function(xhr, status, error) {
console.error(error);
}
});

在上面的代碼中，我們首先創建了一個包含用戶輸入數據的對象。然后，我們使用JSON.stringify函數將對象轉換為JSON字符串，并將其作為請求的數據發送到服務器。注意，我們還指定了請求的contentType為'application/json'，這樣服務器就知道如何處理接收到的數據。當請求成功時，我們在控制臺輸出一條成功的消息。

在使用Ajax傳遞JSON數據時，還有一些注意事項需要考慮。首先，確保服務器端能夠正確解析接收到的JSON數據。根據服務器端的編程語言和框架，可能需要進行相應的配置和處理。其次，為了防止跨站腳本攻擊（XSS），在將用戶輸入的數據作為JSON數據發送到服務器之前，應該對數據進行適當的驗證和過濾。

總的來說，使用Ajax傳遞JSON數據是一種方便快捷的方式，可以實現實時交互和數據更新。我們可以利用它來獲取和更新服務器端的資源，提升用戶體驗并減少頁面的刷新。