AJAX（Asynchronous JavaScript and XML）是一種用于在Web瀏覽器和服務器之間進行數據交互的技術。它可以在不刷新整個頁面的情況下，通過異步請求將數據從服務器發送到客戶端，并按需更新頁面的部分內容。在這篇文章中，我們將探討如何使用AJAX從一個HTML頁面向另一個HTML頁面傳遞參數。

在開發Web應用程序時，我們經常需要將用戶輸入或其他頁面中的數據傳遞給服務器，進行處理或展示。一個常見的例子是通過一個表單收集用戶的姓名和電子郵件地址，并將其發送到服務器進行驗證和處理。在傳統的Web開發中，我們通常會使用表單提交來完成這個任務。

<form action="submit.php" method="post"><input type="text" name="name" placeholder="請輸入您的姓名"><input type="email" name="email" placeholder="請輸入您的郵箱地址"><input type="submit" value="提交"></form>

在上面的例子中，我們使用了一個HTML表單，將用戶輸入的姓名和電子郵件地址發送到服務器上的submit.php文件進行處理。這種方式需要刷新整個頁面，用戶體驗不夠好，并且在大型的Web應用程序中，可能會導致性能問題。

使用AJAX來傳遞參數可以解決這些問題。我們可以使用JavaScript編寫代碼，通過異步請求將參數發送到服務器，并在不刷新整個頁面的情況下更新部分內容。下面是一個使用AJAX從一個頁面向另一個頁面傳遞參數的示例：

<script>function sendData() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("result").innerHTML = this.responseText;
}
};
xhttp.open("GET", "process.php?name=" + name + "&email=" + email, true);
xhttp.send();
}
</script><input type="text" id="name" placeholder="請輸入您的姓名"><input type="email" id="email" placeholder="請輸入您的郵箱地址"><button onclick="sendData()">提交<p id="result"></p>

在上面的例子中，我們通過定義一個名為sendData的JavaScript函數來處理AJAX請求。在函數內部，我們獲取用戶輸入的姓名和電子郵件地址，并通過XMLHttpRequest對象創建一個異步請求。然后，我們使用open方法指定請求的類型（此處為GET）和URL，URL中包含參數name和email的值。最后，我們使用send方法發送請求。

在服務器上，我們可以使用PHP或其他服務器端語言來處理AJAX請求并返回響應。在這個例子中，我們假設服務器上有一個名為process.php的文件來處理請求，并返回一個簡單的響應，顯示傳遞的參數值：

<?php
$name = $_GET["name"];
$email = $_GET["email"];
echo "您的姓名是：" . $name . "<br>";
echo "您的郵箱地址是：" . $email;
?>

通過使用AJAX，我們可以實現在不刷新整個頁面的情況下，將參數從一個HTML頁面傳遞到另一個HTML頁面。這種技術不僅提高了用戶體驗，還能減少服務器的負載，提高Web應用程序的性能。

總結起來，AJAX可以幫助我們實現動態的、與服務器的即時通信。通過異步請求，我們可以向服務器發送參數，并在前端頁面中更新部分內容，而無需刷新整個頁面。這種技術可以極大地改善Web應用程序的用戶體驗和性能。