Kako koristiti localStorage u JavaScriptu

Kako koristiti localStorage u JavaScriptu

Mehanizam localStorage pruža vrstu objekta web pohrane koji vam omogućuje pohranjivanje i dohvaćanje podataka u pregledniku. Možete pohraniti i pristupiti podacima bez isteka; podaci će biti dostupni čak i nakon što posjetitelj zatvori vašu stranicu.





Obično ćete pristupati localStorageu koristeći JavaScript. S malom količinom koda možete izgraditi ogledni projekt, poput brojača rezultata. Ovo će pokazati kako možete pohraniti i pristupiti trajnim podacima koristeći samo kod na strani klijenta.



Što je localStorage u JavaScriptu?

Objekt localStorage dio je API-ja za web-pohranu koji podržava većina web-preglednika. Podatke možete pohraniti kao parove ključ-vrijednost koristeći localStorage. Jedinstveni ključevi i vrijednosti trebaju biti u UTF-16 DOM formatu niza.





Ako želite pohraniti objekte ili nizove, morat ćete ih pretvoriti u nizove koristeći JSON.stringify() metoda. Možete pohraniti do 5 MB podataka u localStorage. Također, svi prozori s istim izvorom mogu dijeliti lokalne podatke tog mjesta za pohranu.

Preglednik neće izbrisati ove podatke čak ni kada ga korisnik zatvori. Bit će dostupan web-mjestu koje ga je izradilo tijekom svake buduće sesije. Međutim, ne biste trebali koristiti localStorage za osjetljive podatke budući da im druge skripte koje se izvode na istoj stranici mogu pristupiti.



localStorage naspram sessionStorage

The localStorage i sessionStorage objekti su dio API-ja Web Storage koji lokalno pohranjuje parove ključ-vrijednost. Svi moderni preglednici podržavaju oboje. Uz localStorage, podaci ne ističu čak ni nakon što korisnik zatvori svoj preglednik. Ovo se razlikuje od sessionStoragea koji briše podatke kada sesija stranice završi. Sesija stranice završava kada zatvorite karticu ili prozor.