AJAX（Asynchronous JavaScript and XML）是一種基于客戶端和服務器間的異步通信技術，通過AJAX可以使頁面在不刷新的情況下更新部分內容，提升用戶體驗。其中，異步獲取JSON數據是AJAX的常見應用之一。本文將重點介紹如何使用AJAX異步獲取JSON數據，并通過舉例進行詳細說明。

舉個例子，假設我們在一個電商網站中需要顯示商品評論，評論數據以JSON格式存儲在服務器中。傳統的方法是用戶點擊“查看評論”按鈕后，瀏覽器會發起一次完整的頁面請求，服務器返回包含評論數據的完整頁面，并將這個頁面完全刷新到瀏覽器上。這樣的方式效率較低，因為每次刷新頁面都需要重新加載整個頁面的HTML、CSS和JavaScript文件。而使用AJAX異步獲取JSON數據的方式，可以在頁面不刷新的情況下只獲取評論數據，然后動態地將數據展示在頁面的指定位置上。

首先，我們需要創建一個XMLHttpRequest對象，用于與服務器進行數據交互。代碼如下：

var xhr = new XMLHttpRequest();

接著，我們需要通過open方法指定請求的類型、URL地址以及是否異步。例如：

xhr.open("GET", "comments.json", true);

在這個例子中，我們使用GET請求方法獲取服務器上的comments.json文件，且異步通信設置為true。然后，我們還需要使用setRequestHeader方法設置請求頭信息，告知服務器我們希望接收JSON數據。代碼如下：

xhr.setRequestHeader("Content-Type", "application/json");

然后，我們需要定義一個回調函數來處理服務器返回的響應。代碼如下：

xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 在這里處理響應數據
}
};

在這個回調函數中，我們首先檢查XMLHttpRequest的readyState和status屬性，確保服務器返回的響應已經完成并且請求成功。然后，我們使用JSON.parse方法將返回的響應數據從字符串格式轉換為JSON對象，并在此處進行處理。

最后，我們使用send方法發送請求到服務器，并接收響應數據。代碼如下：

xhr.send();

通過上述步驟，我們就可以使用AJAX異步獲取JSON數據了。例如，在頁面上添加一個按鈕，并在點擊時執行上述代碼：

<button onclick="loadComments()">查看評論</button>
<script>
function loadComments() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "comments.json", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 在這里處理響應數據，例如更新頁面上的評論區域
}
};
xhr.send();
}
</script>
<div id="comments"></div>

在上述代碼中，我們定義了一個名為loadComments的函數，該函數會在用戶點擊“查看評論”按鈕時觸發。我們還在頁面上添加了一個id為comments的div標簽，用于顯示評論數據。在回調函數中，我們可以通過DOM操作將獲取到的評論數據添加到頁面的指定位置上。

總之，使用AJAX異步獲取JSON數據可以大大提高頁面的響應速度和用戶體驗。通過舉例說明，我們了解了使用AJAX異步獲取JSON數據的基本步驟，并加以實踐，希望能對讀者更好地理解和應用AJAX技術。