Html5 da JavaScript api laridan foydalanish, html web Workers, html sse. Амалий кўрсатмалар

HTML SSE
Server-Sent Event API-i EventSource interfeysida joylashgan. U yuboradigan voqealarni yozishni boshlash uchun server bilan ulanishni ochish uchun siz voqealarni yaratadigan skriptning URI-ni ko'rsatadigan yangi EventSource ob'ektini yaratishingiz kerak. Masalan:
const evtSource = new EventSource("ssedemo.php");
Agar voqea generatori bo'lgan fayl boshqa domenda joylashgan bo'lsa, yangi EventSource ob'ekti yaratilishi kerak, unga URI bilan bir qatorda variantlar lug'ati ham o'tkazilishi kerak. Masalan, mijoz skriptini misol.com saytida qabul qilsak:
const evtSource = new EventSource("//api.example.com/ssedemo.php", { withCredentials: true } );
Siz EventSource misolini yaratganingizdan so'ng, xabarlar hodisasi uchun ishlov beruvchini qo'shish orqali serverdan xabarlarni tinglashni boshlashingiz mumkin:
evtSource.onmessage = function(event) {
const newElement = document.createElement("li");
const eventList = document.getElementById('list');


newElement.innerHTML = "message: " + event.data;
eventList.appendChild(newElement);
}
Ushbu kod kiruvchi xabarlarni (ya'ni, voqea maydoni bo'lmagan serverdan bildirishnomalarni) tinglaydi va HTML hujjatidagi ro'yxatga xabar matnini qo'shadi.

AddEventListener () -dan foydalanib voqealarni tinglashingiz mumkin:

evtSource.addEventListener("ping", function(event) {
const newElement = document.createElement("li");
const time = JSON.parse(event.data).time;


newElement.innerHTML = "ping at " + time;
eventList.appendChild(newElement);
});
Ushbu kod yuqoridagi kodga o'xshaydi, bundan tashqari, server "ping" -ga o'rnatilgan voqea maydoni bilan xabar yuborganda, u avtomatik ravishda chaqiriladi; keyin u ma'lumotlar maydonida JSON-ni tahlil qiladi va ushbu ma'lumotlarni namoyish etadi.
XULOSA
API lar bu tayyor yozilgan dasturlarga yul ko’rsatuvchi kod bo’lib. API kodlar orqali biz tayyor yozilgan dasturlar va texnalogiyalardan foydalana olamiz. API lardan foydalanish bizning anchagina vaqtimizni tejab qoladi. Kashf qilingan mashinani yana kashf qilishning hech kimga keragi yoq va bu ancha vaqtni talab qiladi. API lar ham huddi shunaqa. Biz tayyor dasturlardan foydalanishimiz uchun ko’maklashadi.
Bajardi: Radjabov Visol
Guruh: KI 12-18


FOYDALANILGAN ADABIYOTLAR

1. 
   Developer.mozilla.org sayti