Lokalt lagring i nettlesere

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson
Download our mobile app to listen on the go
Get App

Questions and Answers

Hva er hovedforskjellen mellom Cookies og Local Storage?

Cookies lagrer mindre data (ca. 4KB), mens Local Storage kan lagre mellom 5 og 10 MB per domene.

Hvordan lagrer du en verdi i Local Storage?

Du bruker kommandoen localStorage.setItem('navn', 'verdi'); for å lagre en verdi.

Hva skjer med informasjon lagret i Session Storage når nettleseren lukkes?

All informasjon i Session Storage blir automatisk slettet når nettleseren lukkes.

Forklar hvordan du konverterer et JavaScript-objekt til JSON.

<p>Du bruker <code>JSON.stringify(obj)</code> for å konvertere et objekt til JSON-format.</p> Signup and view all the answers

Hvilken metode brukes for å hente en verdi fra Session Storage?

<p>For å hente en verdi bruker du <code>sessionStorage.getItem('navn');</code>.</p> Signup and view all the answers

Hvorfor ville man bruke Local Storage fremfor Cookies?

<p>Local Storage har større lagringskapasitet og er enklere å bruke for lagring av data.</p> Signup and view all the answers

Hva skjer når du bruker localStorage.clear();?

<p>Alle lagrede data i Local Storage blir fjernet når denne metoden brukes.</p> Signup and view all the answers

Hvordan kan du fjerne en spesifikk verdi fra Local Storage?

<p>Du bruker <code>localStorage.removeItem('navn');</code> for å fjerne en spesifikk verdi.</p> Signup and view all the answers

Hva er en fordel med å bruke Indexed DB i stedet for Local Storage?

<p>Indexed DB kan håndtere større mengder data og tilbyr mer kompleks databehandling.</p> Signup and view all the answers

Hvordan kan du konvertere JSON tilbake til et JavaScript-objekt?

<p>Du bruker <code>JSON.parse(jsonText)</code> for å konvertere JSON-tekst til et objekt.</p> Signup and view all the answers

Flashcards

Websidehukommelse

En nettside har ikke innebygd hukommelse av standard. Data fra brukeren forsvinner når de går til en annen side.

Cookies

En tekstfil på brukerens datamaskin som lagrer informasjon til neste besøk på nettsiden.

Local Storage

En lagringsplass inne i nettleseren som hver nettside har tilgang til. Data lagres per domene.

setItem (local)

Lagrer data i Local Storage.

Signup and view all the flashcards

getItem (local)

Henter data fra Local Storage.

Signup and view all the flashcards

JSON

En format for å lagre data i tekst som for eksempel objekter eller lister.

Signup and view all the flashcards

Session Storage

Lagrer data som slettes når nettleseren lukkes.

Signup and view all the flashcards

IndexedDB

Alternative lagring til local storage.

Signup and view all the flashcards

Lagringskapasitet (local storage)

Ca 5-10 MB per domein.

Signup and view all the flashcards

Browser

Program for visning av informasjon på nettet

Signup and view all the flashcards

Study Notes

Lokalt lagring (og øktlagring)

  • Websider har normalt ingen hukommelse.
  • Brukerinndata på én side forsvinner når man går til en annen side.
  • Noen ganger trenger man lagring, f.eks. i en nettbutikk-kurv.
  • Påloggingswebsider krever lagring for å unngå gjentatt pålogging.
  • Lagring skjer i enten cookies eller lokalt/økter lagring.

Lokalt lagring

  • Tradisjonelt brukes cookies til lokal lagring. En tekstfil på brukerens PC som inneholder data til neste besøk.
  • Cookies initieres normalt av serveren, men kan også opprettes i JavaScript på kundenes side.
  • Et enklere alternativ er lokalt lagring, lagring inne i nettleseren.
  • Hver domenen/nettside har tilgang til sin egen del av lokalt lagring i nettleseren.

API for lokalt lagring

  • Lokalt lagring API er enkelt med disse funksjonene:
    • localStorage.setItem("navn", "verdi"); - Lagrer en verdi.
    • localStorage.getItem("navn"); - Henter en verdi.
    • localStorage.removeItem("navn"); - Fjerner en verdi.
    • localStorage.clear(); - Fjerner all lagring.
  • Man kan lagre ca. 5-10 MB data per domene. Dette er mer enn cookies, som bare kan lagre 4KB.

Lagring av JSON

  • For mye data er det felles å lagre data som JSON for lett gjenbruk senere.
  • Konvertering fra objekt til JSON-tekst: var jsonTekst = JSON.stringify(obj);
  • Konvertering fra JSON-tekst til objekt: var obj = JSON.parse(jsonTekst);

Øktlagring

  • Øktlagring sletter data automatisk når nettleseren lukkes.
  • Brukes for autentisering eller varer i en økt.
  • Har samme API som lokalt lagring. Eksempler:
    • sessionStorage.setItem("navn", "verdi");
    • sessionStorage.getItem("navn");
    • sessionStorage.removeItem("navn");
    • sessionStorage.clear();

Indeksert DB

  • Et alternativ til Lokalt lagring er Indeksert DB, en lokal database i nettleseren for data lagring.
  • Bruker "objektslager" istedet for tabeller, hvor hver rad er et objekt.
  • Kommunikasjon med databasen er asynkron, noe som krever hendelsehåndtering.
  • Ikke i bruk i dette kurset.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

Local Storage and Session Storage PDF

More Like This

Use Quizgecko on...
Browser
Open
Browser
Browser