Heim > Web-Frontend > js-Tutorial > Hauptteil

So speichern Sie JSON-Daten im Sessionstorage

angryTom
Freigeben: 2019-12-05 17:44:19
nach vorne
2938 Leute haben es durchsucht

So speichern Sie JSON-Daten im Sessionstorage

So speichern Sie JSON-Daten im Sessionstorage

Während der Webentwicklung kann Sessionstorage häufig zum Speichern von Daten und zum Speichern einzelner Zeichenfolgendaten verwendet werden Es ist nicht schwierig, Variablen zu verwenden

var str = 'This is a string';
sessionstorage.setItem('param',str);
Nach dem Login kopieren

Sessionstorage abrufen

var item = sessionstorage.getItem('param');
console.log(item);
Nach dem Login kopieren

SessionStorage kann jedoch nur Daten vom Typ String speichern und kann Array-Typen und JSON-Objekte nicht direkt speichern. Es ist eigentlich ganz einfach.

Konvertieren Sie zuerst das JSON-Objekt über die Methode JSON.stringify() in einen String und speichern Sie es dann im Sessionstorage

var obj = {"name": "Tom","age": 12,"gender": "man"};
sessionstorage.setItem('jsonParams',JSON.stringify(obj));
Nach dem Login kopieren

Konvertieren Sie dann den String über JSON in einen String. Das JSON-Format der parse()-Methode ist ausreichend

var data = JSON.parse(sessionstorage.getItem('jsonParams'));
console.log(data);
Nach dem Login kopieren

Dieser Artikel stammt aus der Spalte JS-Tutorial, willkommen zum Lernen!

Das obige ist der detaillierte Inhalt vonSo speichern Sie JSON-Daten im Sessionstorage. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!