Millised on peamised erinevused LocalStorage, SessionStorage ja Cookies vahel andmete salvestamisel brauseris?

LocalStorage, SessionStorage ja Cookies on kolm viisi andmete salvestamiseks brauseris, kuid need erinevad mahu, eluea ja nähtavusala poolest:

• LocalStorage:

  • Salvestab andmeid ilma kehtivusajata, kuni kasutaja need käsitsi kustutab.
  • Andmed on saadaval kõigis vahekaartides ja akendes samal domeenil.
  • Mahutavus on tavaliselt umbes 5-10 MB.
  • Ei saadeta serverile iga päringuga.

• SessionStorage:

  • Andmed elavad ainult sessiooni jooksul (kuni brauseri vaheleht on avatud).
  • Andmed ei ole kättesaadavad teistes vahekaartides või akendes.
  • Mahutavus on sarnane LocalStorage'iga.
  • Ei saadeta serverile.

• Cookies:

  • Omavad piiratud mahtu (umbes 4 KB).
  • Võivad omada kehtivusperioodi, mille möödudes need kustutatakse.
  • Saadetakse serverile iga HTTP-päringuga vastavale domeenile.
  • Kasutatakse autentimiseks, sessioonide jälgimiseks ja muuks.

Näide LocalStorage kasutamisest:

// Andmete salvestamine
localStorage.setItem('username', 'user123');

// Andmete saamine
const user = localStorage.getItem('username');