AJAX是一種用于在不刷新整個網頁的情況下更新局部內容的技術。在AJAX中，HTTP請求通常需要帶有參數以獲取相應的數據或執行相關操作。GET請求是一種常用的HTTP請求方式，它通過URL傳遞參數。本文將介紹如何在AJAX中使用GET請求參數，并結合具體示例進行說明。

首先，讓我們考慮一個簡單的示例。假設我們有一個網頁，其中包含一個按鈕，點擊該按鈕將向服務器發送GET請求，并將服務器返回的數據更新到網頁上的一個元素中。以下是代碼的示例：

const button = document.querySelector('#btn');
const result = document.querySelector('#result');
button.addEventListener('click', () => {
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data?name=John&age=25', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
result.innerText = xhr.responseText;
}
}
xhr.send();
});

在上述代碼中，我們首先獲取了一個按鈕元素和一個用于顯示結果的元素。然后，我們給按鈕添加了一個點擊事件監聽器。當按鈕被點擊時，我們創建了一個XMLHttpRequest對象，并使用open方法指定了GET請求的URL和參數。在這個示例中，我們傳遞了兩個參數：name和age。你可以根據實際需要添加或修改參數。接下來，我們監聽onreadystatechange事件，當請求完成并且狀態碼為200時，我們將服務器返回的數據更新到結果元素中。

除了直接在URL中傳遞參數，我們還可以通過將參數添加到請求的查詢字符串中來進行GET請求。以下是另一個示例：

const button = document.querySelector('#btn');
const result = document.querySelector('#result');
const nameInput = document.querySelector('#name');
const ageInput = document.querySelector('#age');
button.addEventListener('click', () => {
const name = nameInput.value;
const age = ageInput.value;
const xhr = new XMLHttpRequest();
xhr.open('GET',https://api.example.com/data?name=${name}&age=${age}, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
result.innerText = xhr.responseText;
}
}
xhr.send();
});

在這個示例中，我們使用兩個文本框輸入name和age參數的值，并將這些值用于構建請求的URL。通過這種方式，我們可以動態地獲取用戶輸入的值，并將其作為GET請求的參數。這對于處理表單提交非常有用。

總的來說，GET請求參數在AJAX中的使用非常簡單。你只需要將參數添加到請求URL中，或者通過構建查詢字符串將參數傳遞給open方法即可。GET請求參數可以幫助我們獲取特定的數據，執行特定的操作，以及與服務器進行通信。使用GET請求參數，我們可以輕松地構建功能強大的AJAX應用程序。