AJAX（Asynchronous JavaScript and XML）是一種在不重載頁面的情況下與服務器進行異步通信的技術，使得網頁能夠實現動態更新和交互。在AJAX中，發送GET請求并傳遞參數是一種常見的操作。本文將介紹如何使用JavaScript通過AJAX發送GET請求，并傳遞參數給服務器。

首先，我們來看一個簡單的示例。假設我們有一個網頁上的搜索框，用于在用戶輸入關鍵字后搜索相關信息。我們需要通過AJAX發送GET請求，將用戶輸入的關鍵字作為參數傳遞給服務器。以下是實現該功能的示例代碼：

function search(keyword) {
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/search?keyword=" + keyword, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理服務器返回的數據
}
};
xhr.send();
}

在上面的代碼中，我們使用了XMLHttpRequest對象來創建一個AJAX請求，并指定請求的方法為GET。其中，關鍵字通過將其添加到URL的參數中進行傳遞。當服務器返回響應時，我們通過onreadystatechange事件來監聽請求的狀態變化，并在請求成功時對返回的數據進行處理。

除了將參數直接添加到URL中，還可以通過URL編碼的方式來傳遞參數。以下是另一個示例代碼：

function login(username, password) {
var xhr = new XMLHttpRequest();
var url = "https://api.example.com/login";
var params = "username=" + encodeURIComponent(username) + "&password=" + encodeURIComponent(password);
xhr.open("GET", url + "?" + params, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理服務器返回的數據
}
};
xhr.send();
}

在上面的代碼中，我們通過encodeURIComponent函數對參數進行URL編碼，以確保特殊字符被正確處理。然后，將編碼后的參數添加到URL上。

在實際應用中，我們可能需要傳遞多個參數給服務器。以下是一個示例代碼：

function getProduct(id, category) {
var xhr = new XMLHttpRequest();
var url = "https://api.example.com/product";
var params = { id: id, category: category };
xhr.open("GET", url + "?" + objectToQueryString(params), true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理服務器返回的數據
}
};
xhr.send();
}
function objectToQueryString(obj) {
var parts = [];
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
parts.push(encodeURIComponent(key) + "=" + encodeURIComponent(obj[key]));
}
}
return parts.join("&");
}

在上面的代碼中，我們通過一個名為objectToQueryString的函數將參數對象轉換為查詢字符串。該函數遍歷參數對象的屬性，將每個屬性的名和值進行URL編碼，并通過"="和"&"進行連接，最終返回查詢字符串。

通過以上示例，我們可以看到，通過AJAX發送GET請求并傳遞參數是一種相對簡單的操作。我們可以直接將參數添加到URL中，或者進行URL編碼后再添加到URL中。如果需要傳遞多個參數，可以使用查詢字符串，將參數對象轉換為查詢字符串的形式。

總的來說，AJAX的GET請求參數的傳遞方式非常靈活，可以根據具體需求進行選擇。無論是單個參數還是多個參數的傳遞，都可以通過簡單的JavaScript代碼實現。通過AJAX發送GET請求，并傳遞參數給服務器，使得網頁能夠動態獲取數據，實現更多交互的功能。