So behalten Sie JavaScript-Variablen bei Seitenaktualisierungen bei

In JavaScript verlieren Variablen normalerweise ihre Werte, wenn die Seite aktualisiert wird. Es gibt jedoch Techniken, um Variablen persistent zu machen.

Eine dieser Techniken umfasst die Verwendung von Webspeichermechanismen wie window.localStorage oder window.sessionStorage. LocalStorage speichert Daten über Browsersitzungen hinaus, während sessionStorage Daten nur innerhalb der aktuellen Sitzung speichert.

Um eine Variable mit localStorage zu speichern, verwenden Sie Folgendes:

var someVarName = "value";
localStorage.setItem("someVarKey", someVarName);

So rufen Sie die gespeicherte Variable ab:

var someVarName = localStorage.getItem("someVarKey");

Denken Sie daran, localStorage Speichert nur Zeichenfolgenwerte. Wenn Sie mit anderen Datentypen arbeiten möchten, sollten Sie die Verwendung von JSON.stringify und JSON.parse in Betracht ziehen.

Weitere Informationen und Kompatibilitätsoptionen finden Sie im DOM-Speicherhandbuch des MDN und in anderen Ressourcen im Referenzabschnitt unten.