HTML 5 服务器发送事件-CSDN博客

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

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

以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。

例子：Facebook/Twitter 更新、估价更新、新的博文、赛事结果等。

浏览器支持

所有主流浏览器均支持服务器发送事件，除了 ie。

接收 Server-Sent 事件通知

EventSource 对象用于接收服务器发送事件通知。

案例：

建立一个demo_sent.jsp文件，代码如下：

<%@ page contentType="text/event-stream; charset=UTF-8"%>
<%
    response.setHeader("Cache-Control", "no-cache");
    out.print("data: >> server Time" + new java.util.Date() );
    out.flush();%>

demo.html：

复制代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
 <script src="http://code.jquery.com/jquery-1.8.2.js" language="javascript" type="text/javascript"></script>
 <script language="javascript" type="text/javascript">        if (!!window.EventSource) {            var source = new EventSource('demo_sent.jsp');
            source.addEventListener('message', function (e) {
                console.log(e.data);
            }, false);
        }        else {
            alert("EventSource is not supported, using xhr polling instead");
        }    </script>
</body>

</html>

复制代码