EventSource()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2020年1月⁩.

EventSource() コンストラクターは、リモートリソースを表す新しく作成された EventSource を返します。

構文

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

引数

url

文字列で、イベント/メッセージを処理するリモートリソースの場所を表します。

options 省略可

新しいコネクションを構成するオプションを提供します。可能な項目は次のとおりです。

withCredentials 省略可: 論理値で、既定値は false であり、 CORS の資格情報を include に設定すべきかどうかを示します。

例

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 のデモを参照してください。