Comprobación y limpieza de los datos almacenados localmente con html5

Con HTML5, puede escribir hasta 5 MB de datos en un especial almacen local

Conteúdo

archivo de base de datos en el equipo cliente. Todas las páginas que vienen de su dominio comparten la misma zona de almacenamiento, para que puedas 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 elimine), por lo que se puede utilizar para realizar un seguimiento de la información en el tiempo.

Comprobación de los datos

A veces, usted querrá dar un paso a través de todos los datos en la base de datos. Esto es realmente muy fácil de hacer con la largo propiedad y el llaves() método. Revise este ejemplo:

 función ViewData () {// muestra toda la clave / valor pairsfor (i = 0- i lt; localStorage.length- i ++) {key = localStorage.key (i) -valor = localStorage.getItem (clave) -alert (tecla + ":" + valor) -} // fin de bucle} // fin ViewData

El proceso consiste en la creación de un para bucle para recorrer todos los pares clave / valor:


  1. Construir un para bucle para recorrer los datos.

    Utilizar el localStorage.length propiedad para determinar la cantidad de veces que tendrá que pasar por el bucle.

  2. Buscar la siguiente clave. Utilice el contador del bucle (en este caso yo) Para obtener el siguiente llave con localStorage.key (i).

    Nótese que el orden de las claves no será predecible.

  3. Recuperar el valor asociado con esa clave.


    Utilice el estándar localStorage.getItem () método con la clave que acaba de recuperar.

  4. Utilice la tecla y el valor.

    En este punto, usted tiene una variable llamada llave que contiene la clave actual, y otro llamado valor que contiene el valor asociado con esa clave. A continuación, puede imprimir los datos de la página o hacer cualquier otra cosa que quieras con él.

Borrado de los datos

Es posible (y fácil) para eliminar cualquier o todos los datos en el almacenamiento local. Utilizar el locaStorage.clear () método para borrar todos los datos asociados a su sitio web, o la localStorage.removeItem (clave) método para eliminar un par clave / valor particular:

 clearValues ​​function () {alert ("compensación" + nombre + "de la base de datos ...") - localStorage.removeItem ("nombre") - localStorage.removeItem ("cuenta") - // para borrar todos los valores a la vez, usted puede utilizar esto: //localStorage.clear () - // limpiar displaylblCounter = document.getElementById ("lblCounter") - lblCounter.innerHTML = "Has estado aquí 0 veces" -}



» » » » Comprobación y limpieza de los datos almacenados localmente con html5