Storage
- Speichern von key - value Paaren, beide als Strings (Tabelle mit zwei Spalten)
- zwei verschiedene Speicherbereiche: Local und Session Storage
- zum Speichern von nicht essenziellen oder wiederherstellbaren Daten
- Einstellungen
- Daten die vom Server geholt und lokal vorgehalten werden (z. B. für Offline Nutzung)
- erst seit HTML5
- Zugriff: window.sessionStorage (Storage Objekt)
- Nur während Browser Sitzung (Session) verfügbar
- Daten werden mit Ende der Sitzung gelöscht
- bleibt erhalten bei Reload der Seite
- wird gelöscht beim Schließen des Browsers oder Tabs oder Öffnen in neuem Tab
- kann vom User gelöscht werden
- Zugriff: window.localStorage (Storage Objekt)
- permanente Speicherung (kein Verfallsdatum)
- bleibt erhalten bei Reload der Seite, oder Schließen des Browsers/Tabs
- kann vom User gelöscht werden
Funktionen
| Funktion | Beschreibung |
|---|
| setItem(key, value) | Neuer Eintrag mit key und value, bzw. Eintrag anpassen, wenn key schon vorhanden |
| getItem(key) | value für den angegebenen key abrufen |
| removeItem(key) | Eintrag mit dem angegebenen key löschen |
| clear() | Alle Einträge im Store löschen |
JavaScriptlocalStorage.setItem('username', 'Mr. X');
sessionStorage.setItem('username', 'Mrs. Y');
JavaScriptconsole.log(localStorage.getItem('username'));
console.log(sessionStorage.getItem('username'));
JavaScriptlocalStorage.clear();
sessionStorage.clear();
Alle keys ausgeben lassen (mit length und key Funktion für Storage Objekte):
JavaScriptfor (let i = 0; i < localStorage.length; i++) {
console.log(localStorage.key(i));
}