Wie kann ich komplexe JavaScript-Objekte im lokalen und Sitzungsspeicher von HTML5 speichern und abrufen?

Die Speicherung von Objekten im lokalen und Sitzungsspeicher von HTML5

Abfrage:

LocalStorage und SessionStorage von HTML5 ermöglichen eine effiziente Speicherung von primitive JavaScript-Typen und -Arrays. Beim Versuch, komplexe JavaScript-Objekte zu speichern, scheint es jedoch, dass diese versehentlich in Zeichenfolgen umgewandelt werden. Es ist von entscheidender Bedeutung, den Grund für dieses Verhalten zu verstehen und mögliche Problemumgehungen zu untersuchen.

Antwort:

Gemäß der HTML5-Webspeicherspezifikation ist die Speicherfunktion hauptsächlich auf die Verarbeitung von Schlüsseln ausgelegt /Wert-Paare, wobei sowohl Schlüssel als auch Werte Zeichenfolgen sind. Folglich können komplexe Objekte nicht direkt gespeichert werden.

Workaround:

Um diese Einschränkung zu umgehen, können Sie einen einfachen Workaround anwenden, indem Sie das Objekt in einen String konvertieren:

<br>// Speichern Sie das Objekt als string<br>localStorage.setItem('testObject', JSON.stringify(testObject));</p>
<p>// Das gespeicherte Objekt abrufen<br>var AbrufendObject = localStorage.getItem('testObject');<br> 

Beim Abrufen des gespeicherten Werts können Sie ihn wieder in den Originalwert umwandeln object:

<br>// Objekt rekonstruieren<br>var reconstructedObject = JSON.parse(retrievedObject);<br>

Dieser Ansatz ermöglicht Sie können komplexe Objekte effizient speichern und abrufen.

Das obige ist der detaillierte Inhalt vonWie kann ich komplexe JavaScript-Objekte im lokalen und Sitzungsspeicher von HTML5 speichern und abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!