AJAX（Asynchronous JavaScript and XML）是一種用于在Web頁面上實現異步數據交互的技術。它可以在不刷新整個頁面的情況下，通過發送HTTP請求獲取服務器返回的數據，并將數據更新到頁面的指定部分。本文將介紹如何使用AJAX獲取URL地址并將其打印到頁面上。

為了演示如何使用AJAX打印URL地址，我們首先需要一個具有URL地址的示例網頁。假設我們有一個按鈕，當用戶點擊按鈕時，需要打印出當前網頁的URL地址。以下是示例的HTML代碼：

<button onclick="printURL()">點擊打印URL地址</button>
<p id="url"></p>
<script>
function printURL() {
// 使用AJAX獲取當前網頁的URL地址
var url = window.location.href;
// 將URL地址打印到頁面上
document.getElementById("url").innerHTML = "當前URL地址：" + url;
}
</script>

在這段代碼中，我們使用了一個按鈕元素，當用戶點擊按鈕時，會調用名為printURL的JavaScript函數。該函數使用AJAX獲取當前網頁的URL地址，并將其打印到id為"url"的p標簽上。

在JavaScript函數中，我們首先通過window.location.href獲取當前網頁的URL地址，并將其保存在一個變量url中。然后，我們使用document.getElementById方法獲取id為"url"的p標簽，并使用innerHTML屬性將得到的URL地址更新到p標簽中。

當用戶點擊按鈕時，會觸發printURL函數，進而獲取URL地址并將其打印到頁面上。用戶可以通過點擊按鈕實時獲取URL地址，無需刷新整個頁面。

除了在示例中打印當前網頁的URL地址，我們還可以通過AJAX獲取其他網頁的URL地址并將其打印到頁面上。例如，我們可以在一個輸入框中輸入某個網頁的URL地址，然后通過AJAX獲取該網頁的URL地址并將其打印到頁面上。以下是一個示例：

<input type="text" id="inputURL" placeholder="輸入URL地址"><br>
<button onclick="printInputURL()">點擊打印URL地址</button>
<p id="url"></p>
<script>
function printInputURL() {
// 獲取輸入框中的URL地址
var inputURL = document.getElementById("inputURL").value;
// 使用AJAX獲取輸入網頁的URL地址
var xhr = new XMLHttpRequest();
xhr.open("GET", inputURL, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 將URL地址打印到頁面上
document.getElementById("url").innerHTML = "輸入網頁的URL地址：" + inputURL;
}
};
xhr.send();
}
</script>

在這個示例中，我們在輸入框中輸入一個網頁的URL地址，并使用AJAX獲取該網頁的URL地址并將其打印到id為"url"的p標簽上。我們通過XMLHttpRequest對象發送GET請求到輸入URL地址，并在請求成功后將URL地址打印到頁面上。

AJAX是一種非常強大的技術，可以實現多種與服務器的異步數據交互，不但可以獲取URL地址，還可以獲取數據、更新數據等。掌握了AJAX的基本用法，我們可以更好地開發Web應用程序，提供更好的用戶體驗。