AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上異步加載數據的技術。它可以通過在后臺與服務器進行低耗費的數據交換，使得網頁不需要刷新即可加載數據。在實際應用中，非常常見的數據格式是JSON（JavaScript Object Notation）。通過使用AJAX獲取JSON數據，我們可以在網頁上直接使用這些數據進行各種操作和展示，提供更好的用戶體驗。

使用AJAX獲取JSON數據非常簡單。我們可以通過JavaScript中的XMLHttpRequest對象來實現。首先，我們需要創建一個XMLHttpRequest對象：

var xhr = new XMLHttpRequest();

接下來，我們需要定義一個用于處理服務器響應的回調函數，并將其綁定到xhr對象的onreadystatechange事件上：

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 在這里對獲取到的JSON數據進行操作
}
};

在回調函數中，我們檢查服務器響應的狀態（readyState）和狀態碼（status）。如果狀態碼是200，表示請求成功，并且服務器返回了預期的數據。在這種情況下，我們可以使用JSON.parse方法將服務器返回的JSON字符串轉換為JavaScript對象，以便我們可以方便地操作和使用這些數據。

下面是一個簡單的例子，展示了如何使用AJAX獲取JSON數據，并將其動態顯示在網頁上：

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 在頁面上創建一個新的<p>元素，用于顯示JSON數據
var paragraph = document.createElement('p');
paragraph.innerHTML = '用戶名：' + response.username + '<br>年齡：' + response.age;
// 將<p>元素添加到頁面上
document.body.appendChild(paragraph);
}
};
xhr.open('GET', 'example.json', true);
xhr.send();

在上面的例子中，我們通過GET請求從服務器上獲取了一個名為example.json的文件。該文件包含了一個簡單的JSON對象，其中包含了用戶名和年齡。我們通過使用AJAX獲取JSON數據，將其解析后動態地顯示在網頁上。

總之，通過AJAX獲取JSON數據可以讓我們在網頁上異步加載和使用數據，從而提升用戶體驗。我們可以通過XMLHttpRequest對象以及相關的回調函數，來實現這個過程。在處理服務器響應時，我們可以使用JSON.parse方法將JSON字符串轉換為JavaScript對象，方便我們進行操作和展示。