Session Storage on brauseri pakutav mehhanism andmete ajutiseks salvestamiseks kasutaja sessiooni jooksul. See tähendab, et andmed püsivad alles ainult seni, kuni brauseri aken või vahekaart on avatud.
Session Storage olulised punktid
- Kuulub Web Storage API alla.
- Salvestab andmeid võtme-väärtuse paaridena.
- Andmed on kättesaadavad ainult samas aknas või vahekaardis.
- Andmed kustuvad automaatselt, kui vahekaart või aken suletakse.
Põhikäsud
sessionStorage.setItem('võti', 'väärtus')– salvestab uue andmepaari.sessionStorage.getItem('võti')– tagastab salvestatud väärtuse.sessionStorage.removeItem('võti')– kustutab konkreetse võtmega väärtuse.sessionStorage.clear()– kustutab kogu Session Storage sisu.
Local Storage
- Samuti osa Web Storage API-st.
- Salvestab andmeid võtme-väärtuse paaridena.
- Andmed püsivad brauseris tähtajatult, kuni need käsitsi kustutatakse (kas koodiga või kasutaja poolt).
- Andmed on kättesaadavad sama domeeni kõigis akendes ja vahekaartides.
- Hea püsivamate eelistuste (nt keelesätted, kasutajaprofiil jms) salvestamiseks.
Näide
- Ava browser ja mine uue lehele
- Konsooli avamiseks vajutage F12
- Vali “Console” ja kirjuta käsk: sessionStorage ning vajuta ENTER
4. Tee uus käsk sessionStorage.setItem(`auto`,`nissan`). Selle käsuga lisati Session Storage’isse uued andmed.
5. Uus kirjuta käsk sessionStorage.getItem(`nissan`) ning näed, et väljastatakse sessionStorage’ist sinu auto.
6. Kontrollimiseks peate minema jaotisse Storage > Session Storage (Firefox’is). Saate vaadata meie sisestatud teavet.
7. Nüüd ava veel üks vahekaart ning mine samale lehele. Ava uuesti Storage > Session Storage (Firefox’is) ning näed, et see on tühi.
8. Kuidas rename’da lisatud elemendid sessionStorage
Võrdlustabel
| Omadus | Session Storage | Local Storage |
|---|---|---|
| Kestus | Kehtib ainult ühe brauseriseansi ajal | Andmed püsivad ka pärast brauseri sulgemist |
| Ulatus | Ainult sama aken või vahekaart | Sama domeeni kõik aknad ja vahelehed |
| Maht | Piiratud (ca 5–10 MB, sõltub brauserist) | Sama piirang (ca 5–10 MB) |
| Kustutamine | Automaatne seansi lõpus | Ainult käsitsi või programmiga |
| Kasutusjuhtum | Ajutised sessiooniandmed (nt filtrid, vormid) | Püsivad eelistused, seadistused, profiilid |
Kokkuvõte
Session Storage sobib ajutiste andmete hoidmiseks ühe sessiooni vältel, samas kui Local Storage on mõeldud püsivate andmete salvestamiseks. Mõlemad on lihtsasti kasutatavad ja kiiresti ligipääsetavad võtme-väärtuse paaridena, kuid tuleb valida nende vahel sõltuvalt, kas andmeid on vaja hoida ainult sessiooni ajaks või kauem.