Ülesande eesmärk: Uurige brauseri LocalStorage’i mehhanismi – kuidas salvestada, saada ja vaadata andmeid, mis salvestatakse sessioonide vahel ja on kättesaadavad kõikidel ühe domeeni vahekaartidel. Õppige kasutama meetodeid setItem ja getItem LocalStorage’iga töötamiseks ja mõistke, et andmed salvestatakse püsivalt, kuni need kustutatakse.
LocalStorage on veebibrauseris asuv veebimälu, mis võimaldab salvestada andmeid kasutaja arvutisse ilma aegumiskuupäevata, on kättesaadav kõigile ühe veebisaidi vahelehtedele ja säilitatakse brauseri sessioonide vahel.
- Avatage lehekülg TTHK
- Paremklõpsuga ja valime Inspekteeri
3. Kirjutame konsooli chrome://newtab ning vajuta ENTER
4. Ava konsool ning kirjuta konsoolile sessionStorage ning vajuta ENTER. Näed, et Session Storage on tühi.
5. Tee uus käsk localStorage.setItem(‘car’,’enda lemmikauto’). Selle käsuga lisati Local Storage’isse uued andmed.
6. Sisestage uus käsk localStorage.getItem(„car”) ja näete, et localStorage kuvab auto marki.
7. Nüüd tee uuesti uus vaheaken ning vaata Application>Local Storage alla. Näed, et see on sinna salvestatud.
Kokkuvõtte:
LocalStorage salvestab andmed kliendi poolel ilma ajalise piiranguta – need jäävad kättesaadavaks isegi pärast brauseri või vahekaartide sulgemist ja uuesti avamist. LocalStorage andmed on kättesaadavad kõikides ühe domeeni vahekaartides, mis eristab seda SessionStorage’ist. LocalStorage on mugav kasutada kasutaja seadete või muu pikaajaliselt säilitamist vajava teabe salvestamiseks.