Sjekke og rydde lokalt lagrede data med HTML5 - dummies

Med HTML5 kan du skrive opptil 5MB data til en spesiell lokalStorage databasefil på klientdatamaskinen. Alle sidene som kommer fra domenet ditt Del det samme lagringsområdet, slik at du kan bruke denne mekanismen til å holde data vedvarende mellom flere sider. Dataene forblir også på klientmaskinen (til du fjerner den), slik at den kan brukes til å holde oversikt over informasjon over tid. > Kontrollerer dataene

Noen ganger vil du gå gjennom alle dataene i databasen. Dette er egentlig ganske enkelt å gjøre med egenskapen lengde og nøklene () metode. Kontroller dette eksempelet:

funksjonsvisningData () {// viser alle nøkkel / verdi-parene for (i = 0; i

Prosessen innebærer å lage en for-loop for å gå gjennom alle nøkkel / verdi parene: >

Bygg a for loop for å gå gjennom dataene.

Bruk LocalStorage. lengdeegenskap for å bestemme hvor mange ganger du må gå gjennom løkken.

1. Finn neste tast. Bruk loop-telleren (i dette tilfellet jeg) for å få neste tast med

2. localStorage. nøkkel (i). Merk at rekkefølgen på nøklene ikke vil være forutsigbar. Hent verdien som er knyttet til den aktuelle nøkkelen.

3. Bruk standard localStorage. getItem () metoden med nøkkelen du nettopp har hentet.

   Bruk nøkkelen og verdien.

   På dette punktet har du en variabel som heter nøkkel som inneholder den nåværende nøkkelen, og en annen kalt verdi som inneholder verdien som er knyttet til den aktuelle nøkkelen. Du kan deretter skrive ut dataene til siden eller gjøre alt du vil ha med den.

4. Sletting av data

   Det er mulig (og enkelt) å slette alle eller alle dataene i lokal lagring. Bruk locaStorage. Clear () -metoden for å slette alle dataene som er knyttet til nettstedet ditt, eller den lokale lagringen. removeItem (key) metode for å fjerne et bestemt nøkkel / verdi par:

funksjon clearValues ​​() {alert ("clearing" + navn + "fra databasen …"); lokal lagring. removeItem ("navn"); lokal lagring. removeItem ("telle"); // for å slette alle verdier samtidig, kan du bruke dette: // localStorage. klar(); // rydde opp displayet lblCounter = dokument. getElementById ("lblCounter"); lblCounter. innerHTML = "Du har vært her 0 ganger";}