Web API 接口: EventSource

EventSource 接口用于接收服务器发送的事件。它通过HTTP连接到一个服务器，以text/event-stream 格式接收事件, 不关闭连接。

服务端代码

<?php
# 指定数据类型，指定允许域访问
header("Content-Type: test/event-stream; charset=utf-8");
header("Access-Control-Allow-Origin:http://127.0.0.1");
echo "data: 现在北京时间是：".date('H:i:s')."\r\n\r\n";
?>

前端代码

let source;

function init(arg) {
  source = new EventSource('http://127.0.0.1/sse/data.php');
  source.onopen = () => {
    console.log("连接已建立", this.readyState);
  }
  source.onmessage = (event) => {
    console.log("从服务器拉取的时间:", event.data);
  }

  source.onerror = () => {
    console.log('');
  }
}
init();