AJAX是一種在網頁中實現異步通信的技術，它可以在不需要刷新整個頁面的情況下與服務器進行數據交互。在前端開發中，經常會通過AJAX向服務器發送GET請求，獲取返回的JSON數據。本文將介紹AJAX GET請求JSON數據的過程，并結合具體的示例進行說明。

在進行AJAX GET請求之前，需要先創建一個XMLHttpRequest對象，該對象用于向服務器發起請求并獲取響應。然后，我們可以通過設置XMLHttpRequest對象的參數，如請求的URL、是否異步等，來配置請求的方式。

// 創建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 配置請求參數
xhr.open("GET", "https://api.example.com/data", true);
// 發送請求
xhr.send();

上述代碼中，我們創建了一個XMLHttpRequest對象，并使用open方法配置了一個GET請求，URL為"https://api.example.com/data"，請求是異步的（true表示異步，false表示同步）。最后，我們通過send方法發送請求。

當服務器接收到請求后，會返回一個響應。在AJAX中，我們可以通過監聽XMLHttpRequest對象的onreadystatechange事件來獲取服務器的響應。當請求的狀態發生變化時，該事件會觸發相應的回調函數。

// 監聽onreadystatechange事件
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理響應數據
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};

在上述代碼中，我們通過判斷XMLHttpRequest對象的readyState和status屬性，來確定請求狀態是否已完成且成功。如果滿足條件，我們可以通過responseText屬性來獲取服務器返回的JSON數據。一般情況下，返回的JSON數據需要使用JSON.parse方法轉換為JavaScript對象，便于后續的操作。

假設我們向服務器請求一個名為"data"的JSON數據，該數據包含了一些學生的信息，如姓名、年齡和成績等。服務器返回的JSON數據如下：

{
"students": [
{
"name": "張三",
"age": 18,
"score": 90
},
{
"name": "李四",
"age": 20,
"score": 85
},
{
"name": "王五",
"age": 19,
"score": 88
}
]
}

通過AJAX GET請求獲取到的JSON數據可以在回調函數中進行處理，如展示在網頁上或進行其他操作。下面是一個展示學生信息的例子：

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var students = response.students;
// 展示學生信息
var content = "";
for (var i = 0; i< students.length; i++) {
var student = students[i];
content += "姓名：" + student.name + "，年齡：" + student.age + "，成績：" + student.score + "
";
}
document.getElementById("student-info").innerHTML = content;
}
};

在上述代碼中，我們根據返回的JSON數據，通過遍歷學生列表，生成相應的HTML內容，然后將內容插入到頁面中的一個元素中。這樣，頁面就展示了學生的信息。

總之，通過AJAX GET請求獲取JSON數據是前端開發中經常使用的一種方式。通過創建XMLHttpRequest對象、設置請求參數、監聽響應狀態并處理返回的JSON數據，我們可以靈活地與服務器進行數據交互，實現更好的用戶體驗。