php实时刷新数据的代码怎么写 - 问答

实现 PHP 实时刷新数据的代码通常会用到 Ajax 或者 WebSocket 技术。

使用 Ajax 实现实时刷新数据：

<!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 回调函数中处理返回的数据。这样就可以实现每隔一定时间刷新一次页面上的某个区域。

使用 WebSocket 实现实时刷新数据：

<!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 模块。

0 赞

0 踩