Almacenar y recuperar datos en el almacenamiento local con html5

Video: 08. Curso de HTML5. Almacenamiento Web

Con HTML5, puede escribir hasta 5 MB de datos a un archivo especial en el equipo cliente. Todas las páginas que vienen de su dominio comparten la misma área de almacenamiento, por lo que puede utilizar este mecanismo para mantener los datos persistente entre varias páginas. Los datos también se mantiene en la máquina cliente (hasta que lo quite), por lo que se puede utilizar para realizar un seguimiento de la información en el tiempo.

Video: Descubren cómo almacenar y recuperar imágenes digitales del ADN

En primer lugar se escribe algo de código para almacenar y recuperar información. Por ejemplo, un fragmento de código que almacena y recupera el nombre del usuario se ve así:

 función greet () {name = localStorage.getItem ("nombre") -Si (nombre == null || nombre == "nulo"){alerta("¡Hola extraño!") -name = prompt ("¿Cuál es su nombre?") -localStorage.setItem ("nombre", Nombre) -} else {alert ("Hola, " + Nombre + "!") -} // fin de saludar} // end function 

El proceso de recuperación es bastante simple:

1. Recuperar el valor.

   En general, vamos a crear una variable con el mismo nombre que la clave. Tratar de extraer el valor de la almacenamiento local objeto con el obtiene el objeto() método. Recuperación de los datos es como sacar un libro de la biblioteca.

2. Determinar si existe el valor.

   Si no existe la clave, el valor será nulo. Si ese es el caso, hacer algo para agregar un valor. Tenga en cuenta que algunos navegadores buscan el valor “nulo“ (Un valor de cadena) y algunos realmente utiliza la palabra clave nulo (Sin comillas, porque es una palabra clave). Utilice el operador especial || (O) para comprobar si cualquiera de las posibilidades.

3. Modificar la variable.

   Su código es probable que modificar la variable.

4. Almacenar el valor nuevo en la base de datos.

   los almacenamiento local la base de datos está separada de sus variables. Es hasta usted para actualizar los datos que desee conservar. Utilizar el setItem () Método para guardar los datos. Esto es como devolver un libro a la biblioteca.