MohirDox

Ko'rinishi

Web API-lar — Kirish ​

Web API haqida

Veb API — bu dasturchining orzusi.

  • U brauzer funksionalligini kengaytira oladi.
  • U murakkab funksiyalarni sezilarli darajada soddalashtira oladi.
  • U murakkab kodlar uchun oson sintaksis taqdim eta oladi.

Web API nima? ​

API — bu Application Programming Interface (Ilovalarni dasturlash interfeysi) degan nomning qisqartmasidir.

Web API — bu Veb uchun mo'ljallangan ilovalarni dasturlash interfeysi. Browser API (Brauzer API) veb-brauzer funksionalligini kengaytira oladi. Server API (Server API) veb-server funksionalligini kengaytira oladi.

Brauzer API-lari ​

Barcha brauzerlarda murakkab operatsiyalarni qo'llab-quvvatlash va ma'lumotlarga kirishga yordam berish uchun o'rnatilgan Web API-lar to'plami mavjud.

Masalan, Geolocation API brauzer joylashgan joyning koordinatalarini qaytarishi mumkin.

Misol ​

Foydalanuvchi joylashgan joyning kengligi (latitude) va boyligini (longitude) olish:

js
const myElement = document.getElementById('demo')

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition)
  } else {
    myElement.innerHTML = "Ushbu brauzerda Geolokatsiya qo'llab-quvvatlanmaydi."
  }
}

function showPosition(position) {
  myElement.innerHTML =
    'Latitude: ' +
    position.coords.latitude +
    '<br>Longitude: ' +
    position.coords.longitude
}

Eng muhim API-lar ​

HTML/JavaScript ishlab chiqishda eng muhim API-lar quyidagilardir:

  • DOM API — HTML va XML hujjatlari bilan ishlash uchun.
  • Fetch API — Tarmoq so'rovlari (networking) uchun.
  • Web Storage API — Mijoz tomonida ma'lumotlarni saqlash uchun.

Ushbu API-lar deyarli barcha zamonaviy veb-ishlab chiqish uchun poydevordir.

DOM API ​

DOM (Document Object Model) — bu HTML va XML hujjatlari uchun asosiy API hisoblanadi. U veb-sahifaning tarkibiy ko'rinishini taqdim etadi, bu esa JavaScript-ga elementlar, atributlar va tarkibga dinamik ravishda kirish va ularni manipulyatsiya qilish, interaktiv foydalanuvchi interfeyslarini yaratish imkonini beradi.

Fetch API ​

Serverlarga tarmoq so'rovlarini yuborish va resurslarni (masalan, ma'lumotlar bazasidan yoki uchinchi tomon xizmatidan ma'lumotlarni) olish uchun zamonaviy standart. U XMLHttpRequest kabi eski usullarga nisbatan mustahkamroq va moslashuvchan alternativani taqdim etadi.

Web Storage API ​

Brauzerda ma'lumotlarni kalit/qiymat juftligi ko'rinishida saqlash mexanizmlarini (localStorage va sessionStorage) taklif qiladi. Bu ma'lumotlarni seanslar davomida yoki sahifani qayta yuklashda saqlab qolish imkonini beradi.

History API ​

Brauzerning seans tarixini (history) manipulyatsiya qilish imkonini beradi. Bu bir sahifali ilovalarga (SPA) sahifani to'liq qayta yuklamasdan URL-ni o'zgartirish va uzluksiz navigatsiya tajribasini taqdim etish imkonini beradi.

Uchinchi tomon API-lari (Third Party APIs) ​

Uchinchi tomon API-lari brauzeringizga o'rnatilmagan bo'ladi. Ushbu API-lardan foydalanish uchun siz kodni Vebdan yuklab olishingiz kerak bo'ladi.

Misollar:

  • YouTube API — Veb-saytda videolarni ko'rsatish imkonini beradi.
  • Twitter API — Veb-saytda Tweet-larni ko'rsatish imkonini beradi.
  • Facebook API — Veb-saytda Facebook ma'lumotlarini ko'rsatish imkonini beradi.