在現代的Web開發中，Ajax 是一種強大的技術，它可以實現網頁在不重載的情況下與服務器進行數據交互。在這種交互中，JSON（JavaScript Object Notation）成為了一種常見的數據格式，因為它具有簡單、輕量且易于理解的特點。本文將詳細介紹如何使用 Ajax 傳遞 JSON 格式的數據，并通過舉例來說明其應用。 首先，讓我們來了解一下 JSON 的基本結構。JSON 由鍵值對組成，鍵與值之間使用冒號分隔，每個鍵值對之間使用逗號分隔，整個 JSON 用花括號包圍。下面是一個簡單的 JSON 示例：

{
"name": "John",
"age": 30,
"city": "New York"
}

在使用 Ajax 傳遞 JSON 數據時，我們需要創建一個包含 JSON 數據的 JavaScript 對象，然后將其轉換為字符串，并指定數據類型為 "application/json"。下面是一個使用 jQuery 發送 Ajax 請求傳遞 JSON 數據的示例：

$.ajax({
url: "example.php",
type: "POST",
data: JSON.stringify({name: "John", age: 30, city: "New York"}),
dataType: "json",
contentType: "application/json",
success: function(response) {
console.log(response);
}
});

在上面的示例中，我們使用了 jQuery 的 $.ajax() 方法來發送一個 POST 請求到 "example.php" 文件。我們將 JSON 數據作為字符串傳遞，并將數據類型指定為 "application/json"。在成功時，會調用一個回調函數來處理服務器返回的響應數據。 JSON 在數據交互中具有廣泛的應用。一個典型的應用場景是通過 Ajax 獲取服務器返回的 JSON 數據，并將其展示在網頁上。例如，假設我們有一個存儲用戶信息的數據庫，并將其以 JSON 格式返回給客戶端。我們可以使用 Ajax 請求獲取這些用戶信息，并將其顯示在網頁上的一個表格中：

$.ajax({
url: "get_users.php",
type: "GET",
dataType: "json",
success: function(response) {
var tableHtml = "";
tableHtml += "";
response.forEach(function(user) {
tableHtml += "";
});
tableHtml += "
Name
Age
City
" + user.name + "
" + user.age + "
" + user.city + "
";
$("body").append(tableHtml);
}
});

在上面的示例中，我們發送一個 GET 請求到"get_users.php"，該文件會返回一個包含用戶信息的 JSON 數組。在成功時，我們使用 JavaScript 動態創建一個表格，并將用戶信息填充到表格中，然后將表格插入到網頁的 body 元素中。 通過上述示例，我們可以看到 Ajax 傳遞 JSON 數據的強大之處。它不僅可以方便地實現數據的傳遞和展示，還能夠提高網頁的交互性和用戶體驗。無論是與服務器進行數據交互還是實現網頁的動態更新，Ajax 傳遞 JSON 格式的數據都是一個非常重要和實用的技術。