Koje su glavne razlike između LocalStorage, SessionStorage i Cookies u skladištenju podataka u pretraživaču?

LocalStorage, SessionStorage i Cookies tri su načina za skladištenje podataka u pregledaču, ali se razlikuju po zapremini, vremenu trajanja i oblasti vidljivosti:

• LocalStorage:

  • Čuva podatke bez roka trajanja, dok ih korisnik ručno ne obriše.
  • Podaci su dostupni u svim karticama i prozorima iste domene.
  • Zapremina je obično oko 5-10 MB.
  • Ne šalju se na server pri svakom zahtevu.

• SessionStorage:

  • Podaci postoje samo u okviru sesije (dok je kartica otvorena).
  • Podaci nisu dostupni u drugim karticama ili prozorima.
  • Zapremina je slična LocalStorage.
  • Ne šalju se na server.

• Cookies:

  • Imaju ograničenu zapreminu (oko 4 KB).
  • Mogu imati rok trajanja, nakon čega se brišu.
  • Šalju se na server pri svakom HTTP zahtevu za odgovarajuću domenu.
  • Koriste se za autentifikaciju, praćenje sesija itd.

Primer korišćenja LocalStorage:

// Sačuvati podatke
localStorage.setItem('username', 'user123');

// Dohvatiti podatke
const user = localStorage.getItem('username');