Presupun că mulți au auzit deja noile caracteristici HTML5. Unul dintre astfel este localStorage. În termeni simpli - este o bază de date client-side, care vă permite să stocați datele în formă de „cheie - valoare“. Este foarte util pentru a economisi timpul de date de utilizator.
În momentul de față, această caracteristică este susținută de cele mai moderne browsere: Safari 4 +, Mobile Safari (iPhone / iPad), Firefox 3.5+, Internet Explorer 8+, Chrome 4+, Opera 10.6+. În continuare, aș dori să vă spun cum să utilizați un confort mic pentru proiectele dumneavoastră.
Primul lucru pe care trebuie să faceți dacă doriți să utilizați localStorage - este de a verifica dacă browserul utilizatorului acceptă această caracteristică. Puteți utiliza următorul cod:
De menționat că o mulțime de date nu este în măsură să mențină în acest fel. Dimensiunea magazin local este reglementat de browser-ul si este de aproximativ 5-10Mb.
Spre deosebire de cookie, datele sunt pot fi stocate pentru o perioadă mai lungă de timp. Fiecare domeniu și subdomeniu are window.localStorage obiect. Dacă deschideți două ferestre de același domeniu, apoi modificați conținutul localStorage va fi disponibilă imediat pe o altă fereastră sau filă.
Mai mult obiect window.localStorage există elementul window.sessionStorage - este un set depozit de date de utilizator, care de fapt există și doar un singur browser filă, atâta timp cât acesta este închis.
Noi acum trece direct la conservarea, pregătirea și ștergerea datelor.
Pentru a salva datele, utilizați următorul cod:
Preluarea datelor din localStorage:
Ce vezi dacă nu limitează dimensiunea privysili admisibilă poate utiliza sluduet de testare
Apropo, puteți pur și simplu scrie un localStorage Firebug și el va aduce unele elemente din ea sunt stocate. Și în MSDN bibliotke pot vedea mai multe remainingSpace proprietate dopolnietelnoe - primirea sumei rămase de memorie (în bytes) pentru a stoca un obiect.
Astfel, în localStorage pot fi salvate nu numai variabile string, dar întregul obiecte, de exemplu,
Ce s-ar primi înapoi un obiect JSON poate utiliza metoda JSON.parse ().
Materialele utilizate pentru prepararea articolului: