EventSource: EventSource() Konstruktor

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Der EventSource() Konstruktor gibt eine neu erstellte EventSource zurück, die eine entfernte Ressource darstellt.

Syntax

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

Parameter

url

Ein String, der den Ort der entfernten Ressource darstellt, die die Ereignisse/Nachrichten bereitstellt.

options Optional

Bietet Optionen, um die neue Verbindung zu konfigurieren. Die möglichen Einträge sind:

withCredentials Optional

Ein boolescher Wert, der standardmäßig auf false gesetzt ist, und angibt, ob CORS mit include Anmeldeinformationen eingerichtet werden soll.

Beispiele

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);
};

Hinweis: Ein vollständiges Beispiel finden Sie auf GitHub — siehe Einfaches SSE-Demo mit PHP.

Spezifikationen

Specification
HTML
# dom-eventsource-dev

Browser-Kompatibilität

Siehe auch