Inhaltsverzeichnis
Bei der Arbeit mit Webseiten müssen wir manchmal Daten verwenden, die während des Surfens des Benutzers bestehen bleiben, wir jedoch keine Datenbanken verwenden möchten oder können, sodass wir dafür den Speicher im Browser verwenden können.Browserspeicher
Der Browser ermöglicht es uns, mit den verschiedenen Tools, die er uns zur Verfügung stellt, eine beträchtliche Menge an Daten zu speichern. HTML5, die Entscheidung, das eine oder andere zu verwenden, geht über die Definition dessen, was wir tun möchten.
Von den verschiedenen Arten von Speicher, die wir verwenden können, werden wir die folgenden hervorheben: lokaler Speicher, mit dieser Art der Lagerung können wir Speichern Sie verschiedene Schlüssel-Wert-Zuordnungen mit dem wir eine Persistenz der Benutzerdaten auf Ihrem lokalen Computer beibehalten können, von dem aus Sie auf die Seite zugreifen HTML5.
Lokaler Speicher
Um die zu verwenden lokaler Speicher wir sind abhängig von globalem Eigentum lokaler Speicher, sagte Eigentum wir gibt ein Storage-Objekt zurück in denen wir die verschiedenen Schlüssel-Wert-Zuordnungen haben werden, die wir oben erwähnt haben.
Wenn wir uns entscheiden, mit dieser Art von Speicher zu arbeiten, können wir uns auf die verschiedenen Methoden verlassen, um die benötigten Funktionen zu erstellen. Aus diesem Grund müssen wir sie kennen. Sehen wir uns unten die Methoden an, die wir in diesem Typ haben der lokalen Speicherung.
- klar (): Mit dieser Methode können wir alle in unserem Objekt gespeicherten Assoziationen bereinigen.
- getItem(): Es ermöglicht uns, den Wert der Assoziation mithilfe eines Schlüssels zu erhalten, den wir als Parameter übergeben.
- Schlüssel (): Es ermöglicht uns, den Schlüssel des Vereins zu erhalten, der Ihre Position dafür verwendet.
- Länge: Es zeigt die Anzahl der Schlüssel-Wert-Elemente an, die wir derzeit gespeichert haben.
- Gegenstand entfernen (): Anstatt alle Elemente mit clear() zu löschen, können wir mit dieser Methode bestimmte Elemente mit ihrem Schlüssel als Bezeichner entfernen.
- setItem (,): Diese Methode ermöglicht es uns, eine neue Zuordnung hinzuzufügen oder eine zu aktualisieren, wenn der von uns platzierte Schlüssel bereits vorhanden ist.
- []: Es ermöglicht uns, auf den Inhalt einer der Assoziationen in Form eines Arrays zuzugreifen.
BeispielSchlüssel:Wert:Löschen hinzufügenEs gibt Elemente
| Elemente: | - |
|---|
In diesem Beispiel haben wir eine Funktionalität gebaut, die es uns ermöglicht, Werte in Felder von . zu schreiben Eingabetexttyp und dann durch Funktionen, um diese Werte lokal speichern zu können.
Sehen wir uns an, wie das in unserem Browser aussieht:
