Kako uporabljati localStorage v JavaScriptu

Mehanizem localStorage zagotavlja vrsto predmeta spletnega shranjevanja, ki vam omogoča shranjevanje in pridobivanje podatkov v brskalniku. Podatke lahko shranjujete in do njih dostopate brez poteka; podatki bodo na voljo tudi, ko obiskovalec zapre vašo stran.

Do localStorage boste običajno dostopali z JavaScriptom. Z majhno količino kode lahko sestavite vzorčni projekt, kot je števec rezultatov. To bo pokazalo, kako lahko shranite in dostopate do trajnih podatkov samo z uporabo kode na strani odjemalca.

---

---

Kaj je localStorage v JavaScriptu?

Objekt localStorage je del API-ja za spletno shranjevanje, ki ga podpira večina spletnih brskalnikov. Podatke lahko shranite kot pare ključ-vrednost z uporabo localStorage. Enolični ključi in vrednosti morajo biti v obliki niza DOM UTF-16.

Če želite shraniti predmete ali nize, jih boste morali pretvoriti v nize z uporabo JSON.stringify() metoda. V localStorage lahko shranite do 5 MB podatkov. Prav tako lahko vsa okna z istim izvorom delijo podatke lokalne shrambe tega mesta.

Brskalnik teh podatkov ne bo izbrisal, tudi ko ga uporabnik zapre. Spletnemu mestu, ki ga je ustvarilo, bo na voljo med katero koli prihodnjo sejo. Vendar pa ne smete uporabljati localStorage za občutljive podatke, saj lahko do njih dostopajo drugi skripti, ki se izvajajo na isti strani.

localStorage proti sessionStorage

The localStorage in sessionStorage predmeti so del API-ja Web Storage, ki lokalno shranjuje pare ključ-vrednost. Vsi sodobni brskalniki podpirajo oboje. Pri localStorage podatki ne potečejo niti po tem, ko uporabnik zapre brskalnik. To se razlikuje od sessionStorage, ki izbriše podatke, ko se seja strani konča. Seja strani se konča, ko zaprete zavihek ali okno.