Sådan opbevares data i webbrowseropbevaring - lokal opbevaring og session Opbevaring forklaret

For at administrere data, der håndteres af din webapplikation, behøver du ikke nødvendigvis en database. De respektive funktioner til browseropbevaring understøttes af Chrome (version 4 og nyere), Mozilla Firefox (version 3.5 og nyere) og Internet Explorer (version 8 og nyere) og en række andre browsere, inklusive iOS og Android.

Der er to hovedmuligheder for browseropbevaring: localStorage og sessionStorage.

lokal opbevaring

Alt indhold / data, der er gemt på localStorageobjektet, vil være tilgængelige, efter at browseren er genstartet (lukket og åbnet igen). For at gemme et element i localStoragekan du bruge metoden setItem(). Denne metode skal gives en nøgle og en værdi.

Example: localStorage.setItem("mykey","myvalue");

For at hente varen fra localStorage skal metoden getItembruges. Den getItemmetode skal afleveres nøglen til de data, du ønsker at hente:

 Example: localStorage.getItem("mykey");

Du kan fjerne et element fra localStorageved hjælp af removeItem()metoden. Denne metode skal gives nøglen til det element, der skal fjernes:

 Example: localStorage.removeItem("mykey");

For at rydde hele localStorageskal du bruge clear()metoden på localStorageobjektet:

 Example: localStorage.clear();

sessionStorage

Elementer, der er gemt i sessionStorageobjektet, forbliver, indtil browseren lukkes af brugeren. Derefter ryddes opbevaringen.

Du kan gemme et element til sessionStorage. Brug metoden setItem()sessionStorageobjektet:

Example: sessionStorage.setItem("mykey","myvalue");

For at hente elementet fra sessionStorage skal metoden getItembruges. Den getItemmetode skal afleveres nøglen til de data, du ønsker at hente:

 Example: sessionStorage.getItem("mykey");

Du kan fjerne et element fra sessionStorageved hjælp af removeItem()metoden. Denne metode skal gives nøglen til det element, der skal fjernes:

 Example: sessionStorage.removeItem("mykey");

For at rydde hele sessionStorageskal du bruge clear()metoden på sessionStorageobjektet:

 Example: sessionStorage.clear();

Gemme arrays til localStorage og sessionStorage

Du kan ikke bare gemme enkeltværdier i localStorageog sessionStorage, men du kan også gemme indholdet i en matrix.

I dette eksempel har vi en matrix med tal:

var ourArray =[1,2,3,4,5];

Vi kan nu gemme det til localStorageeller sessionStorageved hjælp af setItem()metoden:

localStorage.setItem("ourarraykey",JSON.stringify(ourArray));

eller til sessionStorage:

sessionStorage.setItem("ourarraykey",JSON.stringify(ourArray));

For at blive gemt, skal arrayet først konverteres til en streng. I eksemplet vist ovenfor bruger vi JSON.stringifymetoden til at opnå dette.

Når du henter vores data fra localStorageeller sessionStorage, skal du konvertere dem tilbage til en matrix:

var storedArray = localStorage.getItem("ourarraykey"); ourArray = JSON.parse(storedArray);

eller til sessionStorage:

var storedArray = sessionStorage.getItem("ourarraykey"); ourArray = JSON.parse(storedArray);