AJAX 是一種用于在Web應用程序中發送和接收數據的技術，它能夠異步地與服務器進行通信，而無需重新加載整個網頁。在前端開發中，經常需要使用 AJAX 來發送 GET 請求獲取數據。通過 AJAX 的 GET 請求，我們可以從服務器端獲取數據并在前端進行展示。本文將介紹 AJAX 如何發送 GET 數據，并通過舉例進行詳細說明。

在 AJAX 中，發送 GET 請求的方法是使用 JavaScript 的XMLHttpRequest對象。通過創建一個新的XMLHttpRequest對象，我們可以發送 GET 請求到指定的 URL，并獲取到服務器端返回的數據。

下面是一個簡單的示例，展示了如何使用 AJAX 發送 GET 請求：

// 創建一個新的 XMLHttpRequest 對象
var xmlhttp = new XMLHttpRequest();
// 設置回調函數，用于處理服務器返回的數據
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 當請求完成并且服務器返回 200 狀態碼時，處理返回的數據
console.log(this.responseText);
}
};
// 發送 GET 請求到指定的 URL
xmlhttp.open("GET", "https://example.com/api/data", true);
xmlhttp.send();

在上面的代碼中，我們首先創建了一個新的 XMLHttpRequest 對象，然后使用open方法設置請求的類型（GET）和 URL（https://example.com/api/data），第三個參數表示請求是否為異步執行。接下來，通過調用send方法發送請求。

在onreadystatechange回調函數中，我們可以通過判斷readyState和status的值來確定請求的狀態。當readyState的值為 4，表示請求已完成并且從服務器收到了響應。當status的值為 200，表示服務器返回成功。

在實際開發中，我們可以根據服務器返回的數據，對前端進行相應的處理和展示。例如，我們可以將獲取到的數據顯示在頁面中，或者根據數據進行一些計算和操作。

以下是一個更加具體的示例，展示了如何使用 AJAX 發送 GET 請求，并將服務器返回的數據顯示在頁面中：

// 創建一個新的 XMLHttpRequest 對象
var xmlhttp = new XMLHttpRequest();
// 設置回調函數，用于處理服務器返回的數據
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 當請求完成并且服務器返回 200 狀態碼時，處理返回的數據
var data = JSON.parse(this.responseText);
var resultDiv = document.getElementById("result");
resultDiv.innerHTML = data.message;
}
};
// 發送 GET 請求到指定的 URL
xmlhttp.open("GET", "https://example.com/api/data", true);
xmlhttp.send();

在上面的代碼中，我們使用getElementById方法獲取到一個名為 "result" 的div元素，然后將服務器返回的數據顯示在這個元素中。這里假設服務器返回的數據是一個 JSON 對象，其中包含一個名為 "message" 的字段。

通過這樣的方式，我們可以很方便地將服務器返回的數據在前端頁面中進行展示。當然，在實際開發中，我們還可以根據業務需求，對獲取到的數據進行其他操作，以實現更豐富和復雜的功能。

總結來說，通過 AJAX 可以很方便地發送 GET 請求并獲取服務器返回的數據。我們可以使用XMLHttpRequest對象來發送請求，并在回調函數中處理返回的數據。通過這種方式，我們可以實現在不重新加載整個頁面的情況下，與服務器進行異步通信，并展示服務器返回的數據。