Браузердеги маалыматтарды сактоодо LocalStorage, SessionStorage жана Cookies ортосунда негизги айырмачылыктар эмнелер?

LocalStorage, SessionStorage жана Cookies браузерде маалыматтарды сактоо үчүн үч жол. Алар көлөмү, жашоо мөөнөтү жана көрүнүш чөйрөсү боюнча айырмаланат:

• LocalStorage:

  • Колдонуучу аны кол менен тазалаганча маалыматтарды сактайт.
  • Маалыматтар бир домендин бардык тилкелеринде жана терезелеринде жеткиликтүү.
  • Көлөмү адатта 5-10 МБ.
  • Ар бир суроо боюнча серверге жөнөтүлбөйт.

• SessionStorage:

  • Маалыматтар гана бир сессиянын ичинде (браузердин тилкеси ачылганча) жашайт.
  • Башка тилкелерде же терезелерде жеткиликтүү эмес.
  • Көлөмү LocalStorage менен окшош.
  • Серверге жөнөтүлбөйт.

• Cookies:

  • Чектелген көлөмдө (болжол менен 4 KB).
  • Жашоо мөөнөтү болушу мүмкүн, андан кийин өчүрүлөт.
  • Ар бир HTTP суроо боюнча тиешелүү доменге жөнөтүлөт.
  • Аутентификация, сессияларды көзөмөлдөө жана башка үчүн колдонулат.

LocalStorage колдонуу мисалы:

// Маалымат сактоо
localStorage.setItem('username', 'user123');

// Маалыматты алуу
const user = localStorage.getItem('username');