Які івенти (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 для отримання даних в реальному часі.