九、事件推送

正常情况下，只能够从浏览器端发送消息到服务器端，服务器接收并返回数据，然后关闭连接

服务器想要主动发送信息到浏览器端，无法实现，于是 HTML5 提供了一个叫做 EventSource 的函数，用于主动向前端推送消息

1	console.log(EventSource);

9.1 初始化

和worker一样，需要初始化

并且也需要服务器环境支持

使用方式：

var es = new EventSource(path);
    path：接口

// 实例化 EventSource
var es =new EventSource("/hehe");  // 自己写的nodejs文件 server.js中的接口为 /hehe

非服务器环境下：

服务器环境下：

在没有传递参数的时候：

var es =new EventSource();

传递参数后：

var es =new EventSource("/hehe");

// 接收信息
es.onmessage = function(e){
    console.log(e.data);
}

<ul id="list"></ul>

// 获取 ul
var ul = document.getElementById("list");
// 接收信息
es.onmessage = function(e){
    // console.log(e.data);  // 每隔 3s 输出一个“呵呵”
    // 创建元素
    var li = document.createElement("li");
    // 设置内部文本
    li.innerHTML = e.data;
    // 追加元素
    ul.appendChild(li);
}