H5 SSE

HTML

1. <script>
   
2. var source = new EventSource("./msg.php");
   
3. source.onmessage = function(event) {
   
4.     document.getElementById("result").innerHTML += event.data + "<br>";
   
5. };
   
6. 
   
7. </script>
   
8. <div id="result"></div>

复制代码

PHP

1. <?php
   
2. header('Content-Type: text/event-stream');
   
3. header('Cache-Control: no-cache');
   
4. 
   
5. $time = date('r');
   
6. echo "data: The server time is: {$time}\n\n";
   
7. flush();
   
8. ?>

复制代码

服务端通过TCP长连接向客户端实实传送数据