AJAX（Asynchronous JavaScript and XML）是一種用于在網頁上異步獲取數據的技術。它能夠實現在不重新加載整個頁面的情況下，與服務器進行數據交互，并將獲取到的數據展示在網頁上。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于在服務器和客戶端之間傳遞數據。本文將介紹如何使用AJAX獲取JSON數據，以及在代碼中的實際運用。

在AJAX中使用GET方法來獲取JSON數據是最常見的方式之一。下面是一個簡單的示例，展示了如何使用AJAX獲取JSON數據。

// 創建一個AJAX請求對象
var xhttp = new XMLHttpRequest();
// 設置請求方法和URL
xhttp.open("GET", "data.json", true);
// 設置請求的數據類型為JSON
xhttp.setRequestHeader("Content-Type", "application/json");
// 處理服務器響應
xhttp.onload = function() {
if (xhttp.readyState === 4 && xhttp.status === 200) {
// 將獲取到的JSON字符串轉換為JavaScript對象
var data = JSON.parse(xhttp.responseText);
// 將數據展示在網頁上
document.getElementById("output").innerHTML = data.name;
}
};
// 發送AJAX請求
xhttp.send();

在上述示例中，我們首先創建了一個AJAX請求對象，然后使用open方法設置請求方法和URL。接著，我們通過setRequestHeader方法設置請求的數據類型為JSON。在設置請求頭之后，我們使用onload事件來處理服務器響應。當服務器響應完成時，我們將獲取到的JSON字符串使用JSON.parse方法轉換為JavaScript對象，并將其中的數據展示在網頁上。

除了GET方法，我們也可以使用POST方法來獲取JSON數據。下面是一個使用POST方法獲取JSON數據的示例。

// 創建一個AJAX請求對象
var xhttp = new XMLHttpRequest();
// 設置請求方法和URL
xhttp.open("POST", "data.json", true);
// 設置請求的數據類型為JSON
xhttp.setRequestHeader("Content-Type", "application/json");
// 處理服務器響應
xhttp.onload = function() {
if (xhttp.readyState === 4 && xhttp.status === 200) {
// 將獲取到的JSON字符串轉換為JavaScript對象
var data = JSON.parse(xhttp.responseText);
// 將數據展示在網頁上
document.getElementById("output").innerHTML = data.name;
}
};
// 發送AJAX請求
xhttp.send();

與GET方法相比，使用POST方法獲取JSON數據的區別在于open方法中指定的請求方法為POST。其余部分與使用GET方法獲取JSON數據的代碼相似。

通過上述示例，我們可以看到使用AJAX獲取JSON數據并將其展示在網頁上的過程。通過這種方式，我們可以實現與服務器的數據交互，并且在不重新加載整個頁面的情況下動態更新網頁內容。

總結來說，AJAX是一種可以在網頁上異步獲取數據的技術，而JSON是一種常用的數據交換格式。使用AJAX獲取JSON數據可以通過GET或POST方法實現。通過上述的示例代碼，我們可以清楚地了解到如何使用AJAX獲取JSON數據，并將其展示在網頁上。