HTML Server-Sent shi jian

Server-Sent shi jian ru qu ping tai cong fu wu qi huo de geng xin.

Server-Sent shi jian - Yi Fang Tong Zhi

Server-Sent shi jian zhi shi wang ye zi dong cong fu wu qi huo de geng xin.

Yi qian ye ken neng zuo dao zhe yi dian, ti yuan shi wang ye bu hao de wen ti you ke you de geng xin. Tong guo Server-Sent shi jian, geng xin neng zi dong dao da.

Lai li: Facebook/Twitter geng xin, gu jia xing shi geng xin, xin de bo wen, sai shi jie guo, deng deng.

Liu xing bao chi

Biao ge zhong de shu zi zhi shi quan mian zhi chi server-sent shi jian de di yi ge liu xing bao chu

API
SSE 6.0 Bu zhi chi 6.0 5.0 11.5

Shou jie Server-Sent shi jian tong zhi

EventSource dui xiang yu shou jie fu wu qi fa song shi jian tong zhi:

Shi li

var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
    document.getElementById("result").innerHTML += event.data + "<br>";
};

Zi jin shi yi ci

Li shi jie shi:

  • Chuang jian yi ge xin de EventSource dui xiang, ran hou gui ding fa song geng xin de ye mian de URL (ben li zhong shi "demo_sse.php")
  • Mei gang jie shou yi ci geng xin, jiu hui fa sheng onmessage shi jian
  • Dang onmessage shi jian fa sheng shi, ba yi jie shou de shu ju tu jin id wei "result" de yuan su zhong

Ce shi Server-Sent shi jian zhi chi

Zai TIY shi li, women xie le yi dian chu xian de dian hua lai ce shi fu wu qi fa song shi jian de liu xing zhi chi:

if(typeof(EventSource) !== "undefined") {
    // Shi de! Zhi chi fu wu qi fa song shi jian!
    // Yi xie dian hua.....
} else {
    // Bao qiao! Bu zhi chi fu wu qi fa song shi jian!
}

Bian shu duan shi li

Lakai bai ce kaiya, o yau kaiya yin shu fa xing shi xun, yin shi PHP huoshu ASP.

服务器端事件流的语法非常简单。请把 "Content-Type" 报头设置为 "text/event-stream"。现在，您可以开始发送事件流了。

PHP 中的代码 (demo_sse.php)：

ASP 中的代码 (VB) (demo_sse.asp)：

<%
Response.ContentType = "text/event-stream"
Response.Expires = -1
Response.Write("data: The server time is: " & now())
Response.Flush()
%>

代码解释：

  • 把报头 "Content-Type" 设置为 "text/event-stream"
  • 规定不对页面进行缓存
  • 输出要发送的日期（始终以 "data: " 开头）
  • 向网页刷新输出数据

EventSource 对象

在上例中，我们使用 onmessage 事件来获取消息。不过还可以使用其他事件：

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