HTML5的服务器发送功能_html5 div标签具有向服务器发送请的功能吗-CSDN博客

本文链接：https://blog.csdn.net/liangpei2008/article/details/8423426

今天研究了一下HTML5的服务器发送事件。

http://www.w3school.com.cn/html5/html_5_serversentevents.asp

所谓的服务器单向发送功能，通过用HttpFox的检测，发现仍然是在客户端做轮询

直接使用W3School的代码，作用为从服务器端（demo_sse.php）获取时间，并显示在demo.html中

demo.html

<!DOCTYPE html>
<html>
<body>
<h1>获得服务器更新</h1>
<div id="result"></div>

<script>
if(typeof(EventSource)!=="undefined")
  {
  var source=new EventSource("/demo_sse.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...";
  }
</script>

</body>
</html>

待访问的php页面

<?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();

通过httpfox进行http的跟踪