Kontrol og rydde Lokalt lagrede data med HTML5

Med HTML5, kan du skrive op til 5 MB data til en særlig localStorage databasefil på klientcomputeren. Alle de sider, der kommer fra dit domæne deler samme lagerområde, så du kan bruge denne mekanisme til at holde data vedholdende mellem flere sider. Dataene forbliver også på klientmaskinen (indtil du fjerner det), så det kan bruges til at holde styr på oplysninger over tid.

Kontrol af data

Nogle gange vil du ønsker at gå gennem alle data i databasen. Dette er faktisk temmelig nemt at gøre med længden ejendom og tasterne () metode. Check dette eksempel:

funktion viewData () {
// Viser alle de vigtigste / værdi par
for (i = 0; i <localStorage.length; i ++) {
key = localStorage.key (i);
value = localStorage.getItem (nøgle);
alert (tast + ":" + værdi);
} // Ende for løkke

} // Ende viewData

Processen indebærer at skabe en for-løkke til at gå gennem alle de nøgle / værdi par:

  1. Byg en for-løkke for at gennemgå dataene.

    Brug localStorage.length egenskaben til at bestemme, hvor mange gange skal du gå gennem løkken.
  2. Find den næste tast. Brug loop counter (i dette tilfælde i) at få den næste nøgle med localStorage.key (I).

    Bemærk, at rækkefølgen af ​​nøgler ikke være forudsigelig.
  3. Hent den værdi, der er forbundet med denne nøgle.

    Brug standard localStorage.getItem () metode med den nøgle, du lige har hentet.
  4. Brug tasten og værdi.

    På dette tidspunkt, har du en variabel kaldet nøgle, der indeholder den aktuelle nøgle, og en anden kaldet værdi indeholder værdien forbundet med tasten. Du kan derefter udskrive dataene til siden eller gøre hvad du ellers vil med det.

Rydning af data

Det er muligt (og nemt) for at slette en eller alle dataene i lokal lagring. Brug locaStorage.clear () metode til at rydde alle data i forbindelse med din hjemmeside, eller localStorage.removeItem (nøgle) metode til at fjerne en bestemt nøgle / værdi par:

funktion clearValues ​​() {
alert ("clearing" + navn + "fra databasen ...");
localStorage.removeItem ("navn");
localStorage.removeItem ("tæller");
// At rydde alle værdier på én gang, kan du bruge denne:
//localStorage.clear ();
// Rydde op skærm
lblCounter = document.getElementById ("lblCounter");
lblCounter.innerHTML = "Du har været her 0 gange";
}


© 2019 Zajacperrone.com | Contact us: webmaster# zajacperrone.com