AJAX是一種用于創建動態網頁的技術，通過在不刷新整個網頁的情況下更新部分網頁內容。其中一個常見的應用是使用AJAX給URL地址欄傳值。URL地址欄是瀏覽器中展示當前頁面網址的地方，它可以用于傳遞參數或數據到服務器。通過使用AJAX，我們可以在不刷新頁面的前提下，將所需的參數傳遞到URL地址欄，并觸發相應的請求。本文將詳細介紹如何使用AJAX給URL地址欄傳值，并提供一些實際的例子。

首先，我們需要了解如何使用AJAX發送請求并添加參數到URL地址欄。在這之前，我們需要一個具有事件觸發功能的元素，比如一個按鈕或一個鏈接。

<button id="submit-btn">提交</button>

接下來，可以使用JavaScript腳本來實現AJAX請求和URL地址欄參數的傳遞。

<script>
document.getElementById("submit-btn").addEventListener("click", function(){
var parameterValue = "example";
var request = new XMLHttpRequest();
request.open("GET", "example.com?param=" + parameterValue, true);
request.send();
});
</script>

上述例子中，我們首先給按鈕添加了一個點擊事件監聽器。當用戶點擊按鈕時，JavaScript代碼段會創建一個XMLHttpRequest對象，并使用open()函數指定請求的類型（GET或POST）以及URL地址。在這個例子中，我們使用GET請求類型，并將參數值附加到URL地址后面。最后，使用send()函數發送請求。

除了上述示例，我們還可以通過其他方式將參數值動態傳遞到URL地址欄。例如，我們可以從用戶輸入框中獲取值：

<input type="text" id="input-box" placeholder="輸入參數值" />
<button id="submit-btn">提交</button>
<script>
document.getElementById("submit-btn").addEventListener("click", function(){
var parameterValue = document.getElementById("input-box").value;
var request = new XMLHttpRequest();
request.open("GET", "example.com?param=" + parameterValue, true);
request.send();
});
</script>

在上述例子中，我們使用了一個文本輸入框和一個按鈕。當用戶輸入一些值后，點擊按鈕將觸發AJAX請求，并將輸入的參數值傳遞到URL地址欄中。

總結起來，使用AJAX給URL地址欄傳值可以非常方便地實現動態傳遞參數并更新網頁內容。通過在JavaScript中創建XMLHttpRequest對象并使用open()和send()函數，我們可以將所需的參數值添加到請求的URL地址中。通過這種方式，我們可以在不刷新整個頁面的情況下，實時傳遞參數值并更新網頁內容。