zoukankan      html  css  js  c++  java
  • HTML 5 服务器发送事件

    HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新。

    浏览器支持

    所有主流浏览器均支持服务器发送事件,除了 Internet Explorer。

    服务器端代码实例

    为了让上面的例子可以运行,您还需要能够发送数据更新的服务器(比如 PHP )。

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

    <?php
    header('Content-Type: text/event-stream');
    header('Cache-Control: no-cache');
    
    $time = date('r');
    echo "data: The server time is: {$time}
    
    ";
    flush();
    ?>

    接收 Server-Sent 事件通知

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

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

    检测 Server-Sent 事件支持

    在上面的 TIY 实例中,我们编写了一段额外的代码来检测服务器发送事件的浏览器支持情况:

    if(typeof(EventSource)!=="undefined")
      {
      // Yes! Server-sent events support!
      // Some code.....
      }
    else
      {
      // Sorry! No server-sent events support..
      }

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

  • 相关阅读:
    html转义
    mongodb 数据库 基础使用
    xpath基本语法
    HTTP
    JavaScript笔记6-数组新方法
    JavaScript笔记5-事件
    JavaScript笔记3--标识符和保留字
    JavaScript笔记4-数组
    jquery笔记1--选择器
    JavaScript笔记2
  • 原文地址:https://www.cnblogs.com/fps2tao/p/9065674.html
Copyright © 2011-2022 走看看