AJAX（Asynchronous JavaScript and XML）是一種基于現(xiàn)有Web技術(shù)的新型開發(fā)技術(shù)，可以在不刷新頁面的情況下向服務(wù)器發(fā)送和接收數(shù)據(jù)。通過使用AJAX，我們可以發(fā)送GET請求獲取服務(wù)器返回的JSON數(shù)據(jù)，并在網(wǎng)頁上進行展示和處理。

假設(shè)我們正在開發(fā)一個天氣查詢網(wǎng)站，用戶可以輸入城市名稱，然后通過AJAX發(fā)送GET請求到服務(wù)器獲取該城市的天氣信息。服務(wù)器返回的數(shù)據(jù)是一個JSON對象，包含城市名稱、當前溫度、天氣狀況等信息。我們可以使用AJAX將這些數(shù)據(jù)展示在網(wǎng)頁上，例如，顯示城市名稱和當前溫度。

// 創(chuàng)建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 綁定事件，監(jiān)聽服務(wù)器響應(yīng)
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 解析服務(wù)器返回的JSON數(shù)據(jù)
var response = JSON.parse(xhr.responseText);
// 獲取城市名稱和當前溫度
var cityName = response.city;
var temperature = response.temperature;
// 在網(wǎng)頁上展示城市名稱和當前溫度
document.getElementById("cityName").innerText = "城市：" + cityName;
document.getElementById("temperature").innerText = "當前溫度：" + temperature + "℃";
}
};
// 發(fā)送GET請求
xhr.open("GET", "http://example.com/weather?city=北京", true);
xhr.send();

在上面的例子中，我們使用XMLHttpRequest對象創(chuàng)建了一個AJAX請求。我們綁定了一個回調(diào)函數(shù)，在請求的狀態(tài)變化時進行處理。當請求狀態(tài)變?yōu)?（表示請求已完成）并且狀態(tài)碼為200（表示請求成功），我們解析服務(wù)器返回的JSON數(shù)據(jù)，并將其中的城市名稱和當前溫度展示在網(wǎng)頁上。

AJAX發(fā)送GET請求獲取JSON數(shù)據(jù)的過程可以分為以下幾個步驟：

1. 創(chuàng)建XMLHttpRequest對象：使用JavaScript中的XMLHttpRequest對象創(chuàng)建一個AJAX請求。
2. 綁定事件：通過綁定onreadystatechange事件，監(jiān)聽服務(wù)器響應(yīng)。
3. 發(fā)送請求：使用open方法設(shè)置請求方法、URL和是否異步，然后調(diào)用send方法發(fā)送請求。
4. 處理響應(yīng)：在回調(diào)函數(shù)中，通過判斷請求狀態(tài)和狀態(tài)碼，解析服務(wù)器返回的JSON數(shù)據(jù)，并將其中的數(shù)據(jù)展示在網(wǎng)頁上。

通過上述步驟，我們可以方便地使用AJAX發(fā)送GET請求獲取JSON數(shù)據(jù)，并將其展示在網(wǎng)頁上。AJAX的使用大大提升了網(wǎng)頁的交互性和用戶體驗，為開發(fā)各類動態(tài)網(wǎng)頁提供了強有力的支持。