Ajax是一種相對于傳統的頁面刷新的技術，能夠通過在后臺與服務器進行數據交互，實現在用戶界面上實時地更新部分頁面內容的效果。其中，從PHP輸出獲取數據是最常見的應用場景之一。本文將通過一些實際的例子，介紹如何使用Ajax從PHP輸出獲取數據。
假設我們有一個簡單的留言板應用，用戶可以在網頁上輸入留言并提交。提交后，網頁會將用戶的留言保存到服務器端的數據庫中。然后，我們需要實現一個功能，在用戶提交留言后，能夠實時地將這條留言顯示在網頁的留言列表中，而不需要刷新整個頁面。
首先，我們需要在頁面中引入jQuery，這是一種廣泛使用的JavaScript庫，它封裝了很多常用的DOM操作和Ajax請求。在頁面的
標簽中添加以下代碼：<head> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head>
接下來，我們需要設置一個定時器，每隔一段時間（比如每隔5秒），就向服務器發送一個Ajax請求，獲取最新的留言數據。以下是實現這個功能的JavaScript代碼：
<script>
setInterval(function() {
$.ajax({
url: "get_messages.php", // 調用get_messages.php文件
method: "GET",
dataType: "json", // 期望的返回數據類型是JSON
success: function(response) {
// 成功獲取數據后的處理邏輯
if(response.success) {
// 如果返回的數據中包含一個名為"success"的字段，且其值為真
var messages = response.messages; // 獲取留言數據
// 更新網頁中的留言列表
$("#message_list").empty(); // 先清空留言列表
for(var i = 0; i< messages.length; i++) {
var message = messages[i];
$("#message_list").append("<li>" + message + "</li>");
}
} else {
console.log("獲取留言失敗");
}
},
error: function() {
console.log("請求失敗");
}
});
}, 5000); // 5秒鐘發一次請求
</script>在上述代碼中，我們使用了jQuery的ajax()函數來發送Ajax請求。其中，url參數指定了請求的地址，即get_messages.php。method參數指定了請求的方法，這里是GET方法。dataType參數指定了期望的返回數據類型是JSON。
然后，在服務器端的get_messages.php文件中，我們可以編寫相應的PHP代碼來獲取最新的留言數據，并將其輸出為JSON格式。以下是一個簡化版的get_messages.php文件的示例代碼：
<?php $messages = array( "這是第一條留言", "這是第二條留言", "這是第三條留言" ); $response = array( "success" =>true, "messages" =>$messages ); // 將$response數組轉換為JSON格式的字符串并輸出 echo json_encode($response); ?>
在上述代碼中，我們創建了一個包含三條留言的數組$messages。然后，將$messages和一個名為"success"的字段包裝到一個數組$response中，并使用json_encode()函數將其轉換為JSON格式的字符串并輸出。
通過上述的JavaScript和PHP代碼，我們實現了從PHP輸出獲取數據的功能。每隔5秒鐘，JavaScript代碼就會向get_messages.php發送一個Ajax請求，獲取最新的留言數據。然后，PHP代碼會將這些數據輸出為JSON格式的字符串。JavaScript代碼再將這些數據解析并更新網頁中的留言列表。這樣，用戶就能實時地看到新的留言了。
總結起來，通過Ajax從PHP輸出獲取數據是一種實現頁面實時更新的常用技術。通過在JavaScript代碼中設置定時器，并發送Ajax請求獲取最新的數據，再將數據解析并更新網頁內容，我們可以實現在用戶界面上實時地顯示最新的數據，而不需要刷新整個頁面。