AJAX（Asynchronous JavaScript and XML）是一種利用前端技術讀取JSON數據的方法。與傳統的同步請求相比，AJAX可以實現異步請求，在不刷新整個頁面的情況下更新部分頁面內容。使用AJAX讀取JSON數據，可以方便地將服務器返回的JSON數據解析為JavaScript對象，并且利用這些數據進行頁面展示和交互操作。

舉例來說，假設我們有一個網站，需要展示用戶的個人信息。我們可以使用AJAX技術從后臺服務器獲取用戶的JSON數據，并在網頁上顯示出來。比如，我們通過AJAX請求獲取到的JSON數據如下：

{
"name": "Tom",
"age": 25,
"email": "tom@example.com"
}

然后，我們可以使用JavaScript代碼將這個JSON數據解析為一個JavaScript對象，以便在頁面上展示用戶的個人信息。代碼如下：

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var userData = JSON.parse(this.responseText);
document.getElementById("name").innerHTML = userData.name;
document.getElementById("age").innerHTML = userData.age;
document.getElementById("email").innerHTML = userData.email;
}
};
xmlhttp.open("GET", "user.json", true);
xmlhttp.send();

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，用于向服務器發送異步請求。然后，我們通過onreadystatechange事件監聽對象的狀態變化。當請求的狀態為4（即請求已完成）且狀態碼為200（即服務器響應成功）時，我們將服務器返回的JSON數據解析為JavaScript對象，并將數據展示在頁面的相應元素上。例如，我們將用戶的姓名、年齡和郵箱地址分別顯示在id為"name"、"age"和"email"的HTML元素中。

AJAX讀取JSON數據的過程中，我們可以根據返回的JSON數據進行相應的操作。例如，我們可以通過判斷JSON數據中的某個字段來決定是否顯示某個頁面元素。比如，我們可以根據用戶的登錄狀態來顯示不同的導航欄內容。如果用戶已登錄，我們可以將導航欄中的"登錄"按鈕替換成"個人中心"按鈕；如果用戶未登錄，我們可以將導航欄中的"個人中心"按鈕隱藏起來。

除了獲取靜態的JSON數據，AJAX還可以實現獲取動態的JSON數據。例如，我們可以利用AJAX定時向服務器發送請求，獲取最新的股票行情數據，并將數據顯示在網頁上。這樣，用戶就可以實時地查看股票的最新價格和漲跌情況。

總之，AJAX前端讀取JSON數據是一種非常方便的方法，可以實現異步請求并將服務器返回的JSON數據解析為JavaScript對象。通過AJAX，我們可以靈活地獲取和展示JSON數據，為網頁的交互和用戶體驗增加更多的可能性。