EventSource:EventSource() 构造函数

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流浏览器均已支持。

注意:此功能在 Web Workers 中可用。

EventSource() 构造函数返回一个新的 EventSource 实例,它表示一个远程资源。

语法

js
new EventSource(url)
new EventSource(url, options)

参数

url

一个字符串,表示提供事件/消息的远程资源的位置。

options 可选

提供用于配置新连接的选项。可能的条目包括:

withCredentials 可选

一个布尔值,默认为 false,指示 CORS 是否应设置为包含凭据(include credentials)。

示例

js
const evtSource = new EventSource("sse.php");
const eventList = document.querySelector("ul");

evtSource.onmessage = (e) => {
  const newElement = document.createElement("li");

  newElement.textContent = `message: ${e.data}`;
  eventList.appendChild(newElement);
};

注意: 您可以在 GitHub 上找到一个完整的示例 — 请参阅 使用 PHP 的简单 SSE 演示

规范

规范
HTML
# dom-eventsource-dev

浏览器兼容性

另见