Web API’lar bilan tanishuv
Web API — dasturchining orzusidir.
- U brauzer funksionalligini kengaytirishi mumkin
- U murakkab funksiyalarni sezilarli soddalashtirishi mumkin
- U murakkab kodga oson sintaksis taqdim etishi mumkin
Web API nima?
API — Application Programming Interface (ilova dasturlash interfeysi) so‘zlarining qisqartmasi.
Web API — veb uchun ilova dasturlash interfeysidir.
Brauzer API veb-brauzer funksiyalarini kengaytirishi mumkin.
Server API veb-serverning funksiyalarini kengaytirishi mumkin.
Brauzer API’lari
Barcha brauzerlarda murakkab operatsiyalarni qo‘llab-quvvatlash va ma’lumotlarga kirishga yordam berish uchun bir qator o‘rnatilgan (built-in) Web API lar mavjud.
Masalan, Geolocation API brauzer joylashgan joyning koordinatalarini qaytarishi mumkin.
Misol
Foydalanuvchi joylashuvining kenglik va uzunligini oling:
const myElement = document.getElementById("demo");
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition);
} else {
myElement.innerHTML = "Geolocation is not supported by this browser.";
}
}
function showPosition(position) {
myElement.innerHTML = "Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
O‘zingiz sinab ko‘ring »
Eng muhim API’lar
HTML/JavaScript-ni ishlab chiqishdagi eng muhim APIlar.
- HTML va XML hujjatlari uchun DOM API
- Fetch API for networking
- Mijoz tomonidagi ma’lumotlar uchun Web Storage API
Ushbu API-lar deyarli barcha zamonaviy veb-ishlanmalar uchun asosdir.
The DOM API
DOM (Document Object Model) — HTML va XML hujjatlari uchun asosiy API. U veb-sahifaning tuzilmaviy ko‘rinishini taqdim etadi va JavaScript’ga elementlar, atributlar va kontentga dinamik ravishda kirish hamda ularni o‘zgartirish imkonini beradi, natijada interaktiv foydalanuvchi interfeyslari yaratiladi.
Fetch API
Serverlarga tarmoq so‘rovlarini yuborish va resurslarni (masalan, ma’lumotlar bazasi yoki uchinchi tomon xizmatidan ma’lumotlarni) olish uchun zamonaviy standart. U XMLHttpRequest kabi eski usullarga nisbatan ishonchliroq va moslashuvchanroq muqobildir.
Web Storage API
Brauzerda kalit/qiymat juftliklarini cookie’larga qaraganda qulayroq saqlash mexanizmlarini (localStorage va sessionStorage) taqdim etadi, bu esa ma’lumotlarning seanslar yoki sahifa qayta yuklanishlari davomida saqlanib qolishiga imkon beradi.
History API
Bir sahifali ilovalarga (SPA) URL manzilini o‘zgartirish va sahifani to‘liq qayta yuklamasdan uzluksiz navigatsiya tajribasini taqdim etish imkonini beruvchi brauzer seanslari tarixini boshqarish imkonini beradi.
Uchinchi tomon APIlar
Uchinchi tomon API lar brauzeringizga o‘rnatilmagan.
Bu API lardan foydalanish uchun kodni Web dan yuklab olishingiz kerak bo‘ladi.
Misollar:
- YouTube API - Veb-saytda videolarni ko‘rsatish imkonini beradi.
- Twitter API - Veb-saytda tvitlarni ko‘rsatish imkonini beradi.
- Facebook API - Veb-saytda Facebook ma’lumotlarini ko‘rsatish imkonini beradi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!