PHPのリアルタイムデータ更新のコードはどのように書きますか？

2年 ago
優斗, 朝陽
1 minute

PHPでデータをリアルタイムに更新するためのコードを実現する際、通常はAjaxまたはWebSocket技術が使用されます。

  1. データのリアルタイム更新を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コールバック関数で返されたデータを処理します。これにより、一定時間ごとにページの特定の領域を更新することができます。

  1. データをリアルタイムで更新するために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モジュールを使用する必要があります。

bannerAds