Brauzerda LocalStorage, SessionStorage va cookies ma'lumotlarni saqlash mexanizmlari qanday farq qiladi?

LocalStorage, SessionStorage va cookies brauzerda ma'lumotlarni saqlashning uchta mexanizmi bo'lib, hajmi, hayotiyligi va kirish imkoniyatiga qarab farq qiladi.

• LocalStorage

  • Ma'lumotlarni muddatsiz saqlaydi (qo'lda o'chirilmaguncha).
  • Hajmi odatda 5-10 MB atrofida.
  • Ma'lumotlar bir domenning barcha yorliqlari va oynalarida mavjud.
  • HTTP so'rovlarida serverga yuborilmaydi.

• SessionStorage

  • Ma'lumotlar faqat bir sessiya davomida yashaydi (yorliq ochiq bo'lsa).
  • Hajmi LocalStorage ga o'xshash.
  • Ma'lumotlar faqat joriy yorliq/oynada mavjud.
  • Serverga yuborilmaydi.

• Cookies

  • Ular muddat bilan bo'lishi mumkin, undan so'ng o'chiriladi.
  • Hajmi cheklangan (taxminan 4 KB cookie uchun).
  • Ma'lumotlar har bir so'rovda avtomatik ravishda serverga yuboriladi.
  • Autentifikatsiya, kuzatuv va boshqalar uchun ishlatiladi.

LocalStorage dan foydalanish misoli:

localStorage.setItem('user', 'Alice');
const user = localStorage.getItem('user');