要實現實時數據更新,可以使用Ajax技術和PHP結合進行實現。以下是一個簡單的示例代碼來實現實時數據更新:
<!DOCTYPE html>
<html>
<head>
<title>Real-time Data Update</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="data"></div>
<script>
$(document).ready(function() {
function fetchData() {
$.ajax({
url: 'fetch_data.php',
type: 'GET',
success: function(response) {
$('#data').html(response);
},
complete: function() {
setTimeout(fetchData, 1000); // 每隔1秒請求一次數據
}
});
}
fetchData();
});
</script>
</body>
</html>
<?php
// 模擬實時數據更新,每次請求返回一個隨機數
echo rand(1, 100);
?>
在上面的示例代碼中,HTML文件通過Ajax每隔1秒請求一次fetch_data.php文件,fetch_data.php文件返回一個隨機數,然后將隨機數顯示在頁面上。這樣就實現了實時數據更新的效果。您可以根據自己的需求和數據源進行相應的修改和調整。