Stocarea datelor de pe partea clientului
Puteți să stocați date șir pentru a supraviețui reîncărcării paginilor - trebuie să le puneți în obiectul localStorage. Vă permite să stocați date de șir sub denumirile (care sunt de asemenea șiruri), ca în acest exemplu:
localStorage.setItem ("nume de utilizator", "marijn");
console.log (localStorage.getItem ("nume de utilizator")));
//. Marijn
localStorage.removeItem ("nume de utilizator");
Variabila din localStorage este stocată până când este suprascrisă, șterse folosind removeItem sau prin ștergerea spațiului de stocare local de către utilizator.
La site-uri din domenii diferite - diferite ramuri din acest magazin. Adică datele salvate de pe site-ul localStorage. pot fi citite sau suprascrise numai de scripturile din același site.
De asemenea, browserele limitează cantitatea de date stocate, de obicei câteva megabiți. Această limitare, împreună cu faptul că blocarea hard disk-urilor în oameni nu aduce profit, împiedică consumul de spațiu pe disc.
Următorul cod implementează un program simplu de păstrare a notelor. Acesta stochează notele sub forma unui obiect, asociând anteturile cu conținutul. Este codificat în JSON și stocat în localStorage. Utilizatorul poate selecta o notă prin câmp
Scriptul inițializează variabila variabilei cu o valoare din localStorage. și dacă nu este acolo - un obiect simplu cu o înregistrare a "ce să cumpere". O încercare de a citi câmpul lipsă din localStorage va reveni la zero. Trecerea null la JSON.parse. ne întoarcem înapoi. Prin urmare, pentru valoarea implicită, puteți utiliza || .
Când se schimbă datele în notă (se adaugă o nouă înregistrare sau se modifică cea curentă), funcția saveToStorage este apelată pentru a actualiza câmpul stocat. Dacă ne-am fi așteptat ca mii de înregistrări să fie stocate, ar fi prea scump și ar trebui să prezentăm o procedură mai complicată de stocare - de exemplu, domeniul nostru pentru fiecare înregistrare.
Articole similare
-
Html5 stoc local de date pe partea clientului - totul despre dezvoltarea web pe
-
Sortarea și filtrarea în Excel utilizând exemplul unei baze de date a clienților
Trimiteți-le prietenilor: