AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁應用程序的技術。它通過在不刷新整個頁面的情況下，向服務器發送異步請求并接收響應，使得網頁能夠動態地更新內容，提供更好的用戶體驗。本文將介紹如何使用AJAX從另一個頁面獲取值，并舉例說明其應用場景和用法。

在很多情況下，我們需要從一個頁面獲取另一個頁面的值。例如，一個網站上有一個評論功能，用戶可以在評論框中輸入評論內容并點擊提交按鈕。當用戶提交評論后，我們希望能夠實時地顯示最新的評論內容，而不需要刷新整個頁面。這時，我們可以使用AJAX從服務器端獲取最新的評論并將其添加到頁面中。

function getComments() {
$.ajax({
url: 'getComments.php', // 獲取評論的頁面
method: 'GET',
success: function(response) {
$('#comments').html(response); // 將獲取到的評論內容添加到頁面上
}
});
}

在上面的例子中，我們定義了一個名為getComments()的函數，它使用AJAX技術從getComments.php這個頁面獲取評論內容，并將獲取到的內容添加到id為comments的元素中。這樣，當用戶提交評論后，我們只需要調用getComments()函數，就能夠實時地更新評論內容。

除了獲取頁面的值，AJAX還可以用于向另一個頁面發送值。例如，一個網站上有一個注冊表單，用戶需要輸入用戶名和密碼進行注冊。當用戶輸入完用戶名后，我們希望能夠實時地檢查該用戶名是否已經被注冊，而不需要刷新整個頁面。這時，我們可以使用AJAX向服務器發送異步請求來驗證用戶名的唯一性。

function checkUsername() {
var username = $('#username').val(); // 獲取用戶名輸入框的值
$.ajax({
url: 'checkUsername.php', // 驗證用戶名的頁面
method: 'POST',
data: {username: username}, // 將用戶名作為參數發送給服務器
success: function(response) {
if (response === 'taken') {
$('#usernameTaken').html('該用戶名已被注冊。'); // 顯示錯誤信息
} else {
$('#usernameTaken').html('該用戶名可用。');
}
}
});
}

在上面的例子中，我們定義了一個名為checkUsername()的函數，它從id為username的輸入框獲取用戶名的值，并使用AJAX技術向checkUsername.php這個頁面發送用戶名作為參數。服務器端根據接收到的用戶名進行驗證，并將驗證結果返回給客戶端。根據服務器返回的結果，我們可以更新頁面中顯示的信息，告知用戶該用戶名是否已被注冊。

總結來說，AJAX技術可以使我們從另一個頁面獲取值，并實時地更新頁面內容，無需刷新整個頁面。它為網頁應用程序提供了更好的用戶體驗，使得用戶能夠更加快速、高效地與網站進行交互。在評論功能和用戶名驗證等場景下，AJAX的應用尤為重要。通過使用AJAX，我們可以實現實時更新網頁內容的功能，提升用戶體驗，提高網站的交互性。