Brauzerda ma'lumotlarni saqlashda LocalStorage, SessionStorage va Cookies o'rtasidagi asosiy farqlar nimalardan iborat?

LocalStorage, SessionStorage va Cookies brauzerda ma'lumotlarni saqlashning uchta usulidir, ammo ular hajmi, hayotiyligi va ko'rinish sohasiga qarab farq qiladi:

• LocalStorage:

  • Foydalanuvchi uni qo'lda tozalaguncha ma'lumotlarni saqlaydi.
  • Ma'lumotlar bir domen ichidagi barcha yorliqlar va oynalarda mavjud.
  • Odatda hajmi taxminan 5-10 MB.
  • Har bir so'rovda serverga yuborilmaydi.

• SessionStorage:

  • Ma'lumotlar faqat bir sessiya davomida (brauzer yorlig'i ochiq bo'lsa) yashaydi.
  • Ma'lumotlar boshqa yorliqlar yoki oynalarda mavjud emas.
  • Hajmi LocalStorage bilan o'xshash.
  • Serverga yuborilmaydi.

• Cookies:

  • Cheklangan hajmga ega (taxminan 4 KB).
  • Ular hayotiy muddatga ega bo'lishi mumkin, undan so'ng o'chiriladi.
  • Har bir HTTP so'rovida mos domen uchun serverga yuboriladi.
  • Autentifikatsiya, sessiya kuzatuvi va boshqalar uchun ishlatiladi.

LocalStorage dan foydalanish misoli:

// Ma'lumot saqlash
localStorage.setItem('username', 'user123');

// Ma'lumot olish
const user = localStorage.getItem('username');