Web Storage API (localStorage)
Web Storage API - bu brauzerda ma’lumotlarni saqlash va olish uchun oddiy sintaksis. Foydalanish juda oson:
Misol
localStorage.setItem("name", "John Doe");
localStorage.getItem("name");
O‘zingiz sinab ko‘ring »
Web Storage API barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | IE/Edge | Firefox | Safari | Opera |
| Ha | Ha | Ha | Ha | Ha |
localStorage obyekti
localStorage obyekti ma’lum bir veb-sayt uchun mahalliy xotiraga kirishni ta’minlaydi. Bu sizga ushbu domen uchun ma’lumotlarni saqlash, o‘qish, qo‘shish, o‘zgartirish va o‘chirish imkonini beradi.
Ma’lumotlar amal qilish muddatisiz saqlanadi va brauzer yopilganda o‘chirilmaydi.
Ma’lumotlar kunlar, haftalar va yillar davomida mavjud bo‘ladi.
setItem() usuli
localStorage.setItem() metodi ma’lumot elementini xotiraga saqlaydi.
Parametr sifatida nom va qiymatni oladi:
Misol
localStorage.setItem("name", "John Doe");
getItem() metodi
localStorage.getItem() metodi xotiradan ma’lumot elementini oladi.
U parametr sifatida nomni qabul qiladi:
Misol
localStorage.getItem("name");
sessionStorage obyekti
sessionStorage obyekti localStorage obyekti bilan bir xil.
Farqi shundaki, sessionStorage obyekti ma’lumotlarni bir seans uchun saqlaydi.
Brauzer yopilganda ma’lumotlar o‘chiriladi.
setItem() usuli
SessionStorage.setItem() usuli ma’lumotlar elementini xotirada saqlaydi.
Parametr sifatida nom va qiymatni oladi:
Misol
sessionStorage.setItem("name", "John Doe");
getItem() metodi
sessionStorage.getItem() metodi xotiradan ma’lumot elementini oladi.
U parametr sifatida nomni qabul qiladi:
Misol
sessionStorage.getItem("name");
Storage obyektining xususiyatlari va metodlari
| Property/Method | Tavsif |
|---|---|
| key(n) | Saqlashdagi n-kalit nomini qaytaradi |
| length | Saqlash obyektida saqlangan ma’lumotlar elementlari sonini qaytaradi |
| getItem(keyname) | Belgilangan kalit nomining qiymatini qaytaradi |
| setItem(keyname, value) | Xotiraga kalit qo‘shadi yoki kalit qiymatini yangilaydi (agar u allaqachon mavjud bo‘lsa) |
| removeItem(keyname) | Bu kalitni xotiradan olib tashlaydi |
| clear() | Xotiradagi barcha kalitlarni bo‘shating |
Web Storage API uchun tegishli sahifalar
| Xususiyat | Tavsif |
|---|---|
| window.localStorage | Veb-brauzerda kalit/qiymat juftlarini saqlashga imkon beradi. Yaroqlilik muddatisiz ma’lumotlarni saqlaydi |
| window.sessionStorage | Veb-brauzerda kalit/qiymat juftlarini saqlashga imkon beradi. Bir seans uchun ma’lumotlarni saqlaydi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!