Які івенти (events) доступні для server-sent events в javascript?

Які івенти (events) доступні для server-sent events в javascript?

Server-Sent Events (SSE) - це технологія, яка дозволяє серверу надсилати події клієнту через одностороннє з'єднання. SSE використовується для реалізації push-повідомлень та оновлення сторінки без необхідності перезавантаження. Для використання SSE в JavaScript, використовується об'єкт EventSource, який дозволяє підписатися на події від сервера та обробляти їх. Ось приклад використання SSE в JavaScript:

// create EventSource object
const eventSource = new EventSource('/events');

// handle server-sent events
eventSource.onmessage = (event) => {
  console.log(event.data);
};

У цьому прикладі, ми створюємо об'єкт EventSource та підписуємося на події від сервера. Коли сервер надсилає подію, ми обробляємо її та виводимо дані в консоль.

Що можна призначити як обробник події?

Обробник події - це функція, яка викликається при виникненні певної події. Обробник події може бути призначений для обробки різних типів подій, таких як клік, наведення курсора, введення тексту тощо. Для призначення обробника події в JavaScript, використовується метод addEventListener, який приймає назву події та функцію-обробник. Ось приклад призначення обробника події в JavaScript:

// add event listener
document.addEventListener('click', (event) => {
  console.log('Click event occurred');
});

У цьому прикладі, ми призначаємо обробник події для кліку на документі. Коли клієнт клікає на документі, викликається функція-обробник, яка виводить повідомлення в консоль.

Long polling це

Long polling - це техніка, яка використовується для реалізації push-повідомлень та оновлення сторінки без необхідності перезавантаження. При long polling, клієнт відправляє запит на сервер, а сервер утримує з'єднання до тих пір, поки не буде доступна нова інформація. Коли сервер має нові дані, він відправляє їх клієнту, після чого з'єднання закривається, і клієнт відправляє новий запит. Long polling використовується для реалізації реального часу та оновлення сторінки без необхідності перезавантаження. Ось приклад використання long polling в JavaScript:

// long polling example
function fetchData() {
  fetch('/data')
    .then((response) => response.json())
    .then((data) => {
      console.log(data);
      fetchData();
    });
}

// use long polling
fetchData();

У цьому прикладі, ми використовуємо long polling для отримання даних в реальному часі.

Leave a Reply

Your email address will not be published. Required fields are marked *