Ajax是一種強大的Web開發技術，能夠以異步方式與服務器進行通信，并動態地更新網頁內容，而無需刷新整個頁面。它的應用廣泛，特別是在與后端服務器進行數據交互方面。在本文中，我們將重點探討如何使用Ajax將從PHP獲取的數據寫入HTML頁面。我們將通過舉例說明，深入了解這一過程。
假設我們有一個簡單的PHP文件，用于從數據庫中檢索一些用戶信息，并將其返回為JSON格式的數據。首先，我們在HTML頁面中創建一個空的div元素，用于顯示來自PHP文件的數據。然后，我們將使用Ajax來獲取并顯示這些信息。
我們可以通過以下步驟來實現這個過程。首先，在HTML頁面中引入jQuery庫，這里我們使用版本3.6.0：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

然后，我們創建一個JavaScript函數，該函數將使用Ajax請求來獲取PHP數據并將其寫入HTML頁面：

<script>
// 使用Ajax獲取PHP數據
function getPHPData() {
$.ajax({
url: "example.php",
method: "GET",
dataType: "json",
success: function(data) {
// 將數據寫入HTML頁面
$("#data-container").html(data.name);
},
error: function() {
alert("獲取數據失??！");
}
});
}
// 調用函數
getPHPData();
</script>

在上面的代碼中，我們定義了一個名為getPHPData的函數，該函數使用Ajax來獲取我們的PHP文件返回的JSON數據。成功獲取數據后，我們使用jQuery的html()方法將數據寫入id為data-container的div元素中。如果獲取數據失敗，我們將顯示一個警告。
接下來，我們需要在HTML頁面中創建一個空的div元素，以便數據能夠顯示出來：

<div id="data-container"></div>

最后，我們需要創建一個PHP文件（例如example.php），用于從數據庫中檢索數據并將其返回為JSON格式。在這個示例中，我們假設我們有一個名為users的數據庫表，包含名字和年齡字段。

<?php
// 假設我們已經建立了數據庫連接
// 從數據庫檢索用戶數據
$query = "SELECT name, age FROM users";
$result = mysqli_query($connection, $query);
// 創建一個空數組來存儲用戶數據
$users = array();
// 循環遍歷結果集并將數據存儲到數組中
while ($row = mysqli_fetch_assoc($result)) {
$users[] = $row;
}
// 將用戶數據返回為JSON格式
echo json_encode($users);
?>

在上述PHP代碼中，我們首先建立了與數據庫的連接，然后使用SELECT語句從名為users的表中檢索用戶的名字和年齡字段。我們使用mysqli_fetch_assoc()函數循環遍歷結果集，并將每個用戶的數據存儲到一個數組中。最后，使用json_encode()函數將這個數組轉換為JSON格式并將其返回。
通過在HTML頁面的div元素中使用Ajax請求和以上的PHP代碼，我們可以創建一個動態的應用程序，能夠以異步方式從服務器獲取數據并將其寫入HTML頁面。
在本文中，我們簡要介紹了如何使用Ajax將從PHP獲取的數據寫入HTML頁面。我們通過一個示例代碼詳細說明了這個過程，從引入jQuery庫到創建Ajax請求和PHP文件。使用這種方法，我們可以創建交互性更強的Web應用程序，實現實時數據更新和動態內容展示。這種技術在很多場景中都具有廣泛的應用，無論是在線商店的實時庫存更新，還是社交媒體的實時通知等。希望本文對你理解并使用Ajax來寫入PHP數據到HTML頁面有所幫助。