Pizarra de desarrollo de software.: HTML 5

jueves, 24 de febrero de 2011

Almacenando objetos complejos usando localStorage

En principio solo es posible almacenar parejas clave valor, pero se puede serializar el objeto javascript en un texto JSON y almacenarlo como value.

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Prueba LocalStorage</title>
        <script src="javascripts/jquery-1.5.min.js" type="text/javascript"></script>
  <script>
  
  var items = {'18': 4 , '17' : 44 , '16' : 84};
  
  $(document).ready(function() {
   $("#main").append("<div>Original items:" + JSON.stringify(items) + "</div");
   localStorage.setItem('varItems', JSON.stringify(items));
   var savedItems = localStorage.getItem('varItems');
   $("#main").append("<div>Saved items:" + savedItems + "</div>");
  });
  </script>
</head>
<body>
  <div id="main"></div>
</body>
</html>