Ajax（Asynchronous JavaScript and XML）是一種在網頁中通過異步的方式獲取數據并更新頁面內容的技術。通過Ajax，我們可以在不刷新整個頁面的情況下，實時地獲取不同頁面的數據，然后將這些數據展示在當前頁面上。本文將通過舉例說明Ajax如何在另一個頁面顯示，并給出相應的代碼示例。 假設我們有一個網站，其中有一個“用戶信息”頁面和一個“用戶列表”頁面。我們希望在“用戶信息”頁面中點擊“查看用戶列表”按鈕后，在另一個頁面即“用戶列表”頁面中顯示用戶的詳細信息。如何通過Ajax來實現這一功能呢？ 首先，我們需要在“用戶信息”頁面中實現Ajax請求，獲取用戶列表頁面的數據。下面是一個示例的jQuery代碼：

$('button').click(function() {
$.ajax({
url: 'user-list-page.html',  // 用戶列表頁面的地址
type: 'GET',
success: function(data) {
// 在成功回調函數中，將返回的數據展示在當前頁面上
$('#user-list').html(data);
},
error: function() {
// 在出錯回調函數中處理錯誤情況
alert('獲取用戶列表失敗！');
}
});
});

在上述代碼中，當按鈕被點擊時，會發送一個GET請求到“用戶列表頁面”。請求成功后的回調函數中，我們通過jQuery的html()方法將返回的數據插入到一個id為“user-list”的DOM元素中。如果請求出錯，則會彈出一個錯誤提示框。 接下來，我們需要在用戶列表頁面中獲取用戶的詳細信息并將其顯示出來。假設用戶列表頁面的數據是通過PHP腳本從數據庫中取得的，我們可以使用以下代碼來實現：

$user_id = $_GET['user_id'];  // 從URL參數中獲取用戶ID
// 查詢數據庫，獲取用戶詳細信息
$details = get_user_details($user_id);
// 將用戶詳細信息以HTML形式輸出
echo '
' . $details['name'] . '
';
echo '
年齡：' . $details['age'] . '
';
echo '
性別：' . $details['gender'] . '
';
// 其他用戶信息的顯示
// 返回給Ajax請求的數據

在上述代碼中，我們首先從URL參數中獲取用戶ID。然后，通過調用自定義的函數get_user_details()，從數據庫中查詢得到用戶的詳細信息。最后，將用戶詳細信息以HTML形式輸出。在實際應用中，你可以根據需求顯示更多的用戶信息。 通過以上的代碼，我們成功地使用Ajax在“用戶信息”頁面中點擊“查看用戶列表”按鈕后，在另一個頁面即“用戶列表”頁面中顯示了用戶的詳細信息。這樣的實現方式具有以下優點： 1. 提升用戶體驗：用戶無需刷新整個頁面，即可獲取數據并展示在當前頁面上。 2. 節省帶寬和服務器資源：只獲取需要的數據，不需要重新加載整個頁面。 3. 異步處理：使用Ajax，獲取數據的過程不會阻塞用戶界面的操作，提高了頁面的響應速度。 總結來說，Ajax技術可以實現異步獲取數據并在另一個頁面中展示，從而提升用戶體驗和頁面性能。通過以上的示例，我們可以看到使用Ajax能夠輕松實現這一功能，并且能夠根據具體需求靈活地展示數據。希望本文對你理解和使用Ajax具有一定的幫助。