html html5服务器发送事件，推送

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html html5服务器发送事件，推送相关的知识，希望对你有一定的参考价值。

<?php 
  header('Content-Type: text/event-stream');
  header('Cache-Control: no-cache');
 
  $time = date('r');
  echo "data: The server time is: {$time}\n\n";
  flush();
?>
if (typeof(EventSource) !== "undefined") {
  var source = new EventSource("server.php");
  source.onmessage = function(event) {
    document.getElementById("result").innerHTML += event.data + "<br>";
  };
} else {
  document.getElementById("result").innerHTML = "Sorry, your browser does not support server-sent events...";
}
<!DOCTYPE html>
<html>
  <head>
    <title>Template html</title>
  </head>
  <body>
    <!-- FROM: http://www.w3schools.com/html/html5_serversentevents.asp -->
    <div id="result"></div>
    <script type="text/javascript" src="script.js"></script>
  </body>
</html>

以上是关于html html5服务器发送事件，推送的主要内容，如果未能解决你的问题，请参考以下文章

Html5 服务端推送 Server-Sent Event

即时通讯开发技术SSE详解：HTML5服务器推送事件技术

html5消息推送功能怎么做

用HTML5开发的WebApp怎么实现消息推送

Server-sent Events

使用 Ruby Sinatra 的 HTML5 服务器发送事件