AJAX（Asynchronous JavaScript and XML）是一種用于在網頁中實現異步數據交互的技術，可以大大提升用戶體驗。通過使用AJAX，網頁可以在不刷新整個頁面的情況下，從服務器加載數據并將其展示在網頁上。本文將介紹如何使用AJAX來實現頁面數據展示，并以一些示例來說明其工作原理。

首先，讓我們來看一個簡單的示例，假設我們有一個電子商務網站，我們想要通過AJAX來實現一個商品列表的展示功能。當用戶訪問網頁時，我們通過AJAX從服務器上獲取商品數據，并將其實時展示在網頁上。這樣用戶就可以在不刷新整個頁面的情況下進行商品瀏覽，提升了用戶的購物體驗。

<script type="text/javascript">
function getProducts() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "get_products.php", true);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var response = xmlhttp.responseText;
document.getElementById("productList").innerHTML = response;
}
};
xmlhttp.send();
}
</script>
<div id="productList"></div>
<script type="text/javascript">
window.onload = function() {
getProducts();
}
</script>

在上面的代碼中，我們定義了一個名為getProducts的函數，該函數使用XMLHttpRequest對象向服務器發送一個GET請求，并在服務器返回響應時將數據展示在一個名為productList的元素中。為了確保頁面加載時能夠自動獲取并展示商品數據，我們在window.onload事件中調用了getProducts函數。

在服務器端，我們需要創建一個名為get_products.php的文件，用于處理請求并返回商品數據。在這個文件中，我們可以連接數據庫、讀取數據并返回給前端。以下是一個簡單的示例：

<?php
// 連接數據庫
$conn = mysqli_connect("localhost", "username", "password", "database_name");
// 查詢商品數據
$sql = "SELECT * FROM products";
$result = mysqli_query($conn, $sql);
// 將商品數據轉換為HTML格式
$html = "";
while($row = mysqli_fetch_assoc($result)) {
$html .= "<div class='product'><h3>" . $row['name'] . "</h3><p>" . $row['description'] . "</p></div>";
}
// 返回商品數據
echo $html;
// 關閉數據庫連接
mysqli_close($conn);
?>

在上面的代碼中，我們首先連接到數據庫，然后執行一個查詢語句，將查詢結果轉換為HTML格式的字符串。最后，我們使用echo語句將該字符串返回給前端。

除了展示商品列表，我們還可以使用AJAX來實現更復雜的數據展示功能。例如，我們可以實時展示用戶的評論。當用戶提交評論時，我們可以通過AJAX將評論數據發送到服務器，并在服務器返回響應時，將評論實時展示在網頁上。這樣，其他用戶就可以看到最新的評論。

綜上所述，AJAX是一種非常有用的技術，可以通過實現頁面數據展示功能，提升用戶體驗。通過使用AJAX，我們可以在網頁上實時展示數據，而無需刷新整個頁面。這樣，用戶可以獲得更流暢且高效的瀏覽體驗。