Ajax是一種在前端與后端進行數據交互的技術，它可以通過異步方式發送HTTP請求，實現在不刷新整個頁面的情況下更新頁面內容。其中，GET請求是最常用且較為簡單的一種請求方式。本文將介紹如何使用Ajax發送GET請求，并通過舉例來說明具體操作步驟。

第一步：創建Ajax對象

首先，我們需要創建一個Ajax對象，以便于使用其方法來發送GET請求。

let xhr = new XMLHttpRequest();

在上述代碼中，我們通過調用XMLHttpRequest構造函數創建一個名為xhr的Ajax對象。

第二步：配置請求信息

在發送GET請求前，需要對請求進行一些必要的配置，包括設置請求的方法、URL以及是否采用異步方式。

xhr.open('GET', 'http://example.com/api/data', true);

在上述代碼中，我們使用open方法來配置請求的方法為GET，URL為http://example.com/api/data。最后一個參數為true，表示采用異步方式發送請求。

第三步：發送請求

在配置完請求信息后，我們使用send方法來發送GET請求。

xhr.send();

上述代碼將會發送GET請求到http://example.com/api/data，并且會在發送請求后等待服務器的響應。

第四步：處理響應

當服務器響應到達后，我們需要對其進行處理，通常是更新頁面內容或執行其他操作。我們可以通過監聽xhr對象的readystatechange事件來檢測響應狀態。

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
let responseData = JSON.parse(xhr.responseText);
// 處理響應數據
// 例如更新頁面內容或執行其他操作
}
}

上述代碼中，我們通過readystatechange事件來監聽xhr對象的狀態變化。當readyState為4且status為200時，表示服務器響應成功。我們可以通過xhr.responseText來獲取響應的文本內容，并根據需要進行進一步處理。

完整示例

下面我們以一個簡單的示例來說明如何使用Ajax發送GET請求，并更新頁面內容：

// HTML部分：
<p id="data"></p>// JavaScript部分：
let xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data', true);
xhr.send();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
let responseData = JSON.parse(xhr.responseText);
document.getElementById('data').innerText = responseData.data;
}
}

在上述示例中，我們通過Ajax發送GET請求到http://example.com/api/data，并將返回的數據更新到id為data的p標簽中。當服務器響應成功后，通過解析響應的文本內容，我們可以獲取到數據，并使用document.getElementById('data')來獲取指定的p標簽，通過innerText屬性來更新其內容。

通過以上步驟，我們可以輕松地使用Ajax發送GET請求，并實現動態更新頁面內容的效果。