阅读量:0
实现 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
模块。