EventSource: событие message

Событие message интерфейса EventSource срабатывает при получении данных через источник событий.

Это событие не отменяется и не распространяется.

Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика событий.

addEventListener("message", (event) => {});

onmessage = (event) => {};

Объект MessageEvent. Наследуется от Event.

Этот интерфейс также наследует свойства от своего родителя, Event.

MessageEvent.data Только для чтения

Данные, отправленные исходящим объектом.

MessageEvent.origin Только для чтения

Строка, представляющая происхождение исходящего объекта.

MessageEvent.lastEventId Только для чтения

Строка, представляющая уникальный идентификатор события.

MessageEvent.source Только для чтения

Объект MessageEventSource (который может быть объектом WindowProxy, MessagePort или ServiceWorker), представляющий исходящий объект.

MessageEvent.ports Только для чтения

Массив объектов MessagePort, представляющих порты, связанные с каналом, через который отправляется сообщение (если применимо, например, при обмене сообщениями по каналам или при отправке сообщения совмещенному рабочему процессу).

В этом базовом примере создается объект EventSource для получения событий от сервера; страница с именем sse.php отвечает за генерацию событий.

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

evtSource.addEventListener("message", (e) => {
  const newElement = document.createElement("li");

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

• Использование событий, отправляемых сервером
• open
• error