實現 PHP 實時刷新數據的代碼通常會用到 Ajax 或者 WebSocket 技術。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
setInterval(function() {
$.ajax({
url: 'refresh.php', // 替換為你的 PHP 文件路徑
success: function(data) {
// 在此處處理返回的數據
// 例如更新頁面上的某個元素
$('#dataContainer').html(data);
}
});
}, 1000); // 每隔 1 秒刷新一次
});
</script>
</head>
<body>
<div id="dataContainer"></div>
</body>
</html>
在上面的代碼中,通過使用 setInterval
定時調用 Ajax 請求,然后在 success
回調函數中處理返回的數據。這樣就可以實現每隔一定時間刷新一次頁面上的某個區域。
<!DOCTYPE html>
<html>
<head>
<script>
var socket = new WebSocket('ws://localhost:8080'); // 替換為你的 WebSocket 服務器地址
socket.onmessage = function(event) {
var data = JSON.parse(event.data);
// 在此處處理接收到的數據
// 例如更新頁面上的某個元素
document.getElementById('dataContainer').innerHTML = data;
};
</script>
</head>
<body>
<div id="dataContainer"></div>
</body>
</html>
在上面的代碼中,通過創建 WebSocket 對象并指定服務器地址,然后通過 onmessage
事件來接收服務器發送的數據。在事件處理函數中,可以根據返回的數據更新頁面上的元素。
注意:上述代碼中的 WebSocket 服務器部分需要另外編寫實現,并且需要使用支持 WebSocket 的服務器,例如 Node.js 的 ws
模塊。