Cum să utilizați localStorage în JavaScript

Cum să utilizați localStorage în JavaScript

Mecanismul localStorage oferă un tip de obiect de stocare web care vă permite să stocați și să preluați date în browser. Puteți stoca și accesa date fără expirare; datele vor fi disponibile chiar și după ce un vizitator vă închide site-ul.





În mod normal, veți accesa localStorage folosind JavaScript. Cu o cantitate mică de cod, puteți construi un proiect exemplu, cum ar fi un contor de scor. Acest lucru va arăta cum puteți stoca și accesa date persistente folosind doar codul clientului.





Ce este localStorage în JavaScript?

Obiectul localStorage face parte din API-ul de stocare web pe care îl acceptă majoritatea browserelor web. Puteți stoca date ca perechi cheie-valoare folosind localStorage. Cheile și valorile unice ar trebui să fie în formatul UTF-16 DOM String.





Dacă doriți să stocați obiecte sau matrice, va trebui să le convertiți în șiruri de caractere folosind JSON.stringify() metodă. Puteți stoca până la 5 MB de date în localStorage. De asemenea, toate ferestrele cu aceeași origine pot partaja datele de stocare locale ale site-ului respectiv.

descărcați gratuit versiunea completă a jocurilor dos

Un browser nu va șterge aceste date chiar și atunci când un utilizator le închide. Acesta va fi disponibil pentru site-ul web care l-a creat în timpul oricărei sesiuni viitoare. Cu toate acestea, nu ar trebui să utilizați localStorage pentru date sensibile, deoarece alte scripturi care rulează pe aceeași pagină le pot accesa.



localStorage vs. sessionStorage

The localStorage și sessionStorage obiectele fac parte din API-ul Web Storage care stochează local perechi cheie-valoare. Toate browserele moderne le acceptă pe ambele. Cu localStorage, datele nu expiră nici după ce un utilizator își închide browserul. Aceasta diferă de sessionStorage, care șterge datele atunci când sesiunea de pagină se termină. O sesiune de pagină se încheie când închideți o filă sau o fereastră.