Controllo e compensazione memorizzati localmente dati con HTML5

Con HTML5, è possibile scrivere fino a 5 MB di dati in un particolare file di database localStorage sul computer client. Tutte le pagine che provengono dal dominio condividono la stessa area di stoccaggio, in modo da poter utilizzare questo meccanismo per mantenere i dati persistenti tra più pagine. I dati rimangono anche sulla macchina client (fino alla rimozione), in modo che possa essere utilizzato per tenere traccia delle informazioni nel tempo.

Controllo dei dati

A volte, ti consigliamo di scorrere tutti i dati nel database. Questo è in realtà abbastanza facile da fare con la proprietà di lunghezza e le chiavi (metodo). Controllare questo esempio:

funzione Viewdata () {
// Mostra tutte le coppie chiave / valore
for (i = 0; i <localStorage.length; i ++) {
key = localStorage.key (i);
value = localStorage.getItem (chiave);
alert (+ tasto ":" + valore);
} // End for loop

} // End Viewdata

Il processo prevede la creazione di un ciclo for per scorrere tutte le coppie chiave / valore:

  1. Costruire un ciclo for per scorrere i dati.

    Utilizzare la proprietà localStorage.length per determinare quante volte è necessario fare un passo attraverso il ciclo.

  2. Trovare la chiave successiva. Utilizzare il contatore del ciclo (in questo caso i) per ottenere la chiave successivo con localStorage.key (i).

    Si noti che l'ordine delle chiavi non sarà prevedibile.

  3. Recuperare il valore associato a quella chiave.

    Utilizzare il metodo standard localStorage.getItem () con la chiave che avete appena recuperato.

  4. Usare la chiave e il valore.

    A questo punto, si ha una variabile chiamata chiave contenente la chiave corrente, e un altro valore chiamato contenente il valore associato a quella chiave. È quindi possibile stampare i dati alla pagina o fare qualsiasi altra cosa che vuoi con esso.

Cancellazione dei dati

È possibile (e facile) per cancellare uno o tutti i dati nella memoria locale. Utilizzare il metodo locaStorage.clear () per cancellare tutti i dati associati al tuo sito web, o il metodo localStorage.removeItem (chiave) per rimuovere un particolare coppia chiave / valore:

clearValues ​​function () {
alert ("clearing" + nome + "dal database ...");
localStorage.removeItem ("nome");
localStorage.removeItem ("conta");
// Per cancellare tutti i valori in una sola volta, è possibile utilizzare questo:
//localStorage.clear ();
// Ripulire visualizzazione
lblCounter = document.getElementById ("lblCounter");
lblCounter.innerHTML = "Sei stato qui 0 volte";
}