使用AJAX GET方式傳遞多個參數可以在前端向后端發送請求時提供更多的信息，以滿足不同場景下的需求。從以下例子我們可以看到如何使用AJAX GET方式傳遞多個參數。 假設我們要向后端發送一個獲取用戶信息的請求，我們需要傳遞兩個參數：用戶名和年齡。通過AJAX GET方式傳遞多個參數，我們可以在URL中添加查詢參數來攜帶這些信息。首先，我們需要獲取到用戶輸入的用戶名和年齡： ```html

<form id="userForm"><label for="username">用戶名: </label><input type="text" id="username" name="username"><br><label for="age">年齡: </label><input type="number" id="age" name="age"><br><button type="button" onclick="getUserInfo()">獲取用戶信息</button></form>

``` 在上述代碼中，我們創建了一個表單，用戶可以在輸入框中填寫用戶名和年齡。當用戶點擊"獲取用戶信息"按鈕時，將會調用`getUserInfo`函數。 接下來，我們在JavaScript中編寫`getUserInfo`函數，用于發送AJAX GET請求，并傳遞多個參數： ```javascript

function getUserInfo() {
var username = document.getElementById("username").value;
var age = document.getElementById("age").value;
var url = "api/userInfo?username=" + username + "&age=" + age;
// 創建XHR對象
var xhr = new XMLHttpRequest();
// 監聽狀態改變事件
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理返回的數據
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
// 發送GET請求
xhr.open("GET", url, true);
xhr.send();
}

``` 在上述代碼中，我們首先獲取到用戶輸入的用戶名和年齡，然后通過字符串拼接的方式構建了URL。將參數以`key=value`的形式添加到URL中，多個參數之間使用`&`符號連接。然后，我們創建了一個XMLHttpRequest對象，添加了狀態改變的監聽函數。當狀態變為4且狀態碼為200時，表示請求成功，我們可以處理返回的數據。 這種方式可以很方便地傳遞多個參數，后端可以根據參數的不同進行不同的處理。例如，后端接收到請求后，可以根據用戶的年齡返回不同的用戶信息。 AJAX GET方式傳遞多個參數的優勢之一是可以利用緩存。由于GET請求會將參數附加在URL上，URL是被瀏覽器緩存的。所以當我們發送相同參數的請求時，如果URL相同，瀏覽器會直接從緩存中獲取數據，減少了網絡請求的開銷。 總結起來，AJAX GET方式傳遞多個參數可以很方便地向后端發送請求，攜帶更多的信息。通過在URL中添加查詢參數，我們可以傳遞多個參數給后端，后端可以根據不同的參數進行處理。此外，這種方式還可以利用緩存從而提高性能。