AJAX（Asynchronous JavaScript and XML）是一種用于創建快速且動態網頁的技術。通過使用AJAX，我們可以在不刷新整個頁面的情況下，向服務器發送和接收數據。在這篇文章中，我們將討論如何使用AJAX上傳GET請求來傳遞參數。

假設我們有一個網頁，用戶可以在輸入框中輸入一些內容，然后點擊“提交”按鈕進行搜索。我們希望在不刷新頁面的情況下，將用戶輸入的內容發送到服務器，并返回相應的搜索結果。為了實現這一目標，我們可以使用AJAX來發送一個GET請求，將輸入的參數作為URL的一部分，并將結果顯示在網頁上。

讓我們來看一個簡單的例子。假設我們的輸入框的id為“search”，提交按鈕的id為“submit”，然后我們希望將用戶輸入的內容顯示在id為“result”的元素中。

<input type="text" id="search">
<button id="submit">提交</button>
<div id="result"></div>
<script>
document.getElementById("submit").addEventListener("click", function() {
var searchInput = document.getElementById("search").value;
var xhr = new XMLHttpRequest();
var url = "search.php?query=" + searchInput;
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById("result").innerHTML = xhr.responseText;
}
};
xhr.open("GET", url, true);
xhr.send();
});
</script>

在上面的代碼中，我們首先通過addEventListener方法，為提交按鈕添加了一個點擊事件監聽器。當用戶點擊提交按鈕時，將執行監聽器中的代碼。在監聽器中，我們獲取了輸入框中的值，并將其作為參數添加到URL中。然后，我們創建了一個XMLHttpRequest對象，并將其賦值給變量xhr。接著，我們設置了xhr的onreadystatechange事件處理程序，以便在服務器返回響應時執行一些代碼。在處理程序中，我們首先檢查xhr的狀態和響應碼是否為200，表示請求已完成且成功。然后，我們將服務器返回的響應文本設置為id為“result”的元素的innerHTML，以便將結果顯示在網頁上。最后，我們使用xhr的open方法打開一個GET請求，將URL和async（異步）參數設置為true，并通過xhr的send方法發送請求。

使用AJAX上傳GET請求傳遞參數，可以使我們的網頁變得更加動態和交互。例如，在上面的例子中，我們可以通過不刷新整個頁面，將用戶輸入的內容發送給服務器，并將搜索結果實時顯示在網頁上。這使得用戶可以立即查看結果，而不需要等待整個頁面刷新。此外，我們還可以在不同的網頁之間傳遞參數，并根據參數的不同，顯示不同的內容。這些功能都可以通過AJAX的GET請求來實現。

總之，AJAX上傳GET請求傳遞參數是一種非常有用的技術，它可以使我們的網頁變得更加動態和交互。通過將參數作為URL的一部分發送和接收，我們可以在不刷新整個頁面的情況下與服務器交互，并將結果實時顯示在網頁上。無論是搜索功能還是內容展示，AJAX都為我們提供了許多強大和靈活的工具，使我們的網頁更加出色。