Lagre og hente data i lokal lagring med HTML5 - dummies

Med HTML5 kan du skrive opptil 5MB data til en spesiell fil 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. > Først skriver du noen kode for å lagre og hente informasjon. For eksempel vil et kodebrikke som lagrer og henter brukerens navn se slik ut:

funksjonshilsen () {name = LocalStorage. getItem ("navn"); hvis (navn == null || navn == "null") {alert ("Hei, Stranger!"); Name = prompt ("Hva er ditt navn?"); LocalStorage. setItem ("navn", navn);} else {alert ("Hei," + navn + "!");} // end greet} // endfunksjon

Retrievalprosessen er ganske enkel:

Hent verdien.

1. Generelt lager du en variabel med samme navn som nøkkel. Prøv å pakke ut verdien fra LocalStorage-objektet med getItem () -metoden. Å hente dataene er som å sjekke ut en bok fra biblioteket.

   Bestem om verdien eksisterer.

2. Hvis nøkkelen ikke eksisterer, vil verdien være null. Hvis det er tilfelle, gjør noe for å legge til en verdi. Vær oppmerksom på at noen nettlesere ser etter verdien "null" (en strengverdi) og noen bruker faktisk nøkkelordet null (ingen anførselstegn, fordi det er et nøkkelord). Bruk den spesielle operatøren || (eller) for å sjekke om begge muligheter.

   Endre variabelen.

3. Koden din vil sannsynligvis endre variabelen.

   Lagre verdien tilbake i databasen.

4. LocalStorage-databasen er skilt fra variablene dine. Det er opp til deg å oppdatere data du vil beholde. Bruk setItem () -metoden for å lagre data. Dette er som å returnere en bok til biblioteket.