【HTML5】Server-Sent服务器发送事件

【HTML5】Server-Sent服务器发送事件
Server-Sent 事件 - 单向消息传递

Server-Sent 事件指的是网页自动获取来自服务器的更新。

以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。
```
<!DOCTYPE html>
<html>
<body>
<h1>获得服务器更新</h1>
<div id="result"></div>

<script>
if(typeof(EventSource)!=="undefined")
  {
  var source=new EventSource("/example/html5/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>
```
- 创建一个新的 EventSource 对象，然后规定发送更新的页面的 URL（本例中是 "demo_sse.php"）
- 每接收到一次更新，就会发生 onmessage 事件
- 当 onmessage 事件发生时，把已接收的数据推入 id 为 "result" 的元素中
EventSource 对象

事件描述

onopen 当通往服务器的连接被打开

onmessage 当接收到消息

onerror 当错误发生
相关阅读:
JS调用App方法及App调用JS方法
 提升用户体验之选用合适的鼠标光标
 js仿QQ拖拽删除
 Linux下安装 mongodb
QQ分享-定制分享卡片
 js判断浏览器语言实现网站国际化
 js复制内容到剪切板
 为什么会有堆内存和栈内存之分
 Avro实现RPC
zookeeper学习day01
原文地址：https://www.cnblogs.com/anni-qianqian/p/5585553.html

事件	描述
onopen	当通往服务器的连接被打开
onmessage	当接收到消息
onerror	当错误发生

【HTML5】Server-Sent服务器发送事件

Server-Sent 事件 - 单向消息传递

EventSource 对象