Überprüfen und Clearing lokal gespeicherten Daten mit HTML5

Mit HTML5 können Sie bis zu 5 MB an Daten zu einem speziellen schreiben lokaler Speicher

Datenbankdatei auf dem Client-Computer. Alle Seiten, die von Ihrer Domäne kommen teilen sich die gleiche Speicherbereich, so dass Sie diesen Mechanismus verwenden können, um Daten zu halten hartnäckig zwischen mehreren Seiten. Die Daten bleiben auch auf dem Client-Rechner (bis Sie es entfernen), so kann es verwendet werden, den Überblick über Informationen im Laufe der Zeit zu halten.

Überprüfen der Daten

Manchmal werden Sie durch alle Daten in der Datenbank zu Schritt wollen. Das ist eigentlich ziemlich einfach mit dem zu tun, Länge Eigentum und die Tasten () Verfahren. Überprüfen Sie folgendes Beispiel:

 Funktion Bildschirmtextsystem () {// zeigt alle Schlüssel / Wert pairsfor (i = 0- i lt; localStorage.length- i ++) {key = localStorage.key (i) -Wert = localStorage.getItem (key) -alert (Taste + ":" + value) -} // end for-Schleife} // end Bildschirmtextsystem

Der Prozess umfasst eine Schaffung für Schleife zu Schritt durch alle Schlüssel / Wert-Paare:

  1. Bau ein fürSchleife durch die Daten zu treten.

    Verwenden Sie die localStorage.length Eigenschaft, um zu bestimmen, wie oft Sie durch die Schleife zu Schritt benötigen.

  2. Finden Sie die nächste Taste. Verwenden Sie den Schleifenzähler (in diesem Fall ich), Um den nächsten Schlüssel zu bekommen mit localStorage.key (i).

    Beachten Sie, dass die Reihenfolge der Schlüssel nicht vorhersehbar sein wird.

  3. Rufen Sie den Wert mit dem Schlüssel zugeordnet ist.

    Verwenden Sie die Standard localStorage.getItem () Methode mit dem Schlüssel, den Sie gerade abgerufen haben.

  4. Verwenden Sie den Schlüssel und Wert.

    An diesem Punkt haben Sie eine Variable mit dem Namen Schlüssel den aktuellen Schlüssel enthält, und eine andere genannt Wert enthält den Wert mit dem Schlüssel zugeordnet ist. Sie können die Daten dann auf die Seite ausdrucken oder tun, was immer Sie wollen mit ihm.

Löschen der Daten

Es ist möglich (und leicht) im lokalen Speicher einige oder alle der Daten zu löschen. Verwenden Sie die locaStorage.clear () Methode, um alle Daten mit Ihrer Website verbunden sind zu löschen, oder die localStorage.removeItem (key) Verfahren zur Herstellung eines bestimmten Schlüssel / Wert-Paar zu entfernen:

 Funktion clearValues ​​() {alert ( "Clearing" + name + "aus der Datenbank ...") - localStorage.removeItem ( "name") - localStorage.removeItem ( "count") - // alle Werte zu löschen auf einmal, Sie können diese verwenden: //localStorage.clear () - displaylblCounter = document.getElementById ( "lblCounter") // aufzuräumen - lblCounter.innerHTML = "Sie haben hier 0 mal gewesen" -}

Ähnliche

Menü