mandag den 19. december 2011

HTML5 storage-objekt

Lagring af data 
HTML5 tilbyder to nye objekter til lagring af data:
- localStorage - gemmer data uden tidsbegrænsning
- sessionStorage - gemmer data for en session

Tidligere blev dette gjort med cookies. Cookies er ikke egnet til store mængder data, da de hentes ved hver eneste anmodning til serveren, hvilket gør metoden meget langsom og in-effektiv.

I HTML5, er dataene lagret og bruges kun når de bliver spurgt om. Det er muligt at gemme store mængder data uden at påvirke webstedets ydeevne.

En hjemmeside kan kun få adgang til data lagret af sig selv.

HTML5 bruger JavaScript til at lagre og få adgang til data.

localStorage Object
localStorage objekt gemmer data uden tidsbegrænsning. Disse data vil være tilgængelig den næste dag, uge ​​eller år.

<script type="text/javascript">
  localStorage.lastname="Jensen"
  document.write(localStorage.lastname)
</script>

sessionStorage Object
sessionStorage objekt gemmer data for en session. Data slettes, når brugeren lukker browser-vinduet.
<script type="text/javascript">
  sessionStorage.lastname="Jensen"
  document.write(sessionStorage.lastname)
</script>

Ingen kommentarer: