AJAX是一種強大而靈活的技術，可以通過與服務器進行異步通信，使網頁能夠動態地獲取和更新數據。其中，讀取和處理JSON數據是AJAX的重要組成部分。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于前后端數據傳輸和存儲。本文將介紹AJAX如何讀取并格式化JSON數據，通過舉例來幫助讀者更好地理解。

假設我們的網站需要獲取用戶信息并展示在頁面上。我們可以通過AJAX從后端服務器獲取用戶信息的JSON數據，并將其格式化后展示出來。

$.ajax({
url: 'get_user_info.php',
dataType: 'json',
success: function(data) {
var userInfo = "姓名：" + data.name + "  年齡：" + data.age + "  性別：" + data.gender;
$("#user-info").html(userInfo);
}
});

在上述代碼中，我們使用了jQuery庫的AJAX方法來發送GET請求，并指定返回的數據類型為JSON。在請求成功后，我們提取JSON數據中的name、age和gender字段，然后將其格式化成一個字符串，最后將其展示在id為user-info的元素中。

除了使用AJAX和jQuery，我們還可以使用原生的JavaScript進行JSON數據的讀取和格式化。以下是一個例子：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'get_user_info.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
var userInfo = "姓名：" + data.name + "  年齡：" + data.age + "  性別：" + data.gender;
document.getElementById("user-info").innerHTML = userInfo;
}
};
xhr.send();

在這個例子中，我們創建了一個XMLHttpRequest對象，然后使用open方法指定請求的URL和方法。當xhr對象的狀態改變時，我們判斷請求是否成功（state為4且status為200），然后使用JSON.parse方法將JSON字符串解析成JavaScript對象。最后，我們將格式化后的用戶信息展示在id為user-info的元素中。

總之，AJAX能夠很方便地讀取JSON數據，并通過適當的格式化展示在頁面上。通過對AJAX和JSON的結合應用，我們能夠實現更加靈活和動態的網頁交互體驗。