Die von HTML5 bereitgestellte lokale Speicherfunktion ermöglicht es Webanwendungen, Daten im lokalen Browser des Benutzers zu speichern. In HTML5 werden Daten nicht bei jeder Serveranfrage übergeben, sondern Daten werden nur verwendet, wenn sie angefordert werden. Es ermöglicht die Speicherung großer Datenmengen, ohne die Leistung der Website zu beeinträchtigen.
Es gibt zwei Methoden zum Speichern auf der Clientseite:
1. localStorage: Speicher ohne zeitliche Begrenzung und große Kapazität, mindestens 5 MB groß, alle Seiten mit demselben Domänennamen können dieselben Daten speichern und abrufen.
2. sessionStorage: Zur Datenspeicherung einer Sitzung verschwindet die Registerkarte, wenn sie geschlossen wird.
Derzeit unterstützen die meisten Browser HTML5 bereits sehr gut, aus Sicherheitsgründen sollte jedoch vor der Verwendung eine Client-Erkennung erfolgen:
if (typeof(Storage) !== undefiniert) { // Code für localStorage/sessionStorage.} else { // Leider keine Web Storage-Unterstützung.}Der Grund, warum ich diese Funktion verwende, liegt darin, dass ich derzeit an einer datenbasierten Website arbeite. Ich muss die Abfrageparameter über die API-Schnittstelle an das Backend übergeben und die von der Datenbank zurückgegebenen Daten erhalten. Und hier gibt es ein Problem. Ich möchte von Seite a zu Seite b springen und dann die API-Schnittstelle auf Seite b aufrufen, um die Parameterdaten auf Seite a abzurufen Wie übertrage ich Seite a auf Seite a? Wie wäre es mit der Übergabe des generierten Werts an Seite b?
Angenommen, der Wert und das Datenformat, die wir an den Hintergrund übergeben möchten, sind: {unitGroup:[一年级,二年级,三年级];
Nachdem Seite a die von uns benötigte Dateneinheitsgruppe generiert hat, verwenden Sie sessionStorage:
if (typeof(Storage) !== undefiniert) { sessionStorage[unitGroup] = data.unit.value;} else { sessionStorage[unitGroup] = '';}Dann können Sie es auf Seite b durch die folgende Anweisung erhalten:
var unit_group = '';if (typeof(Storage) !== undefiniert) { var myunits = sessionStorage[unitGroup];}Dann können Sie Ajax aufrufen, um die Daten an den Hintergrund zu übergeben:
var newData = {unitGroup: unit_group};Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Ich hoffe auch, dass jeder das VeVb Wulin Network unterstützt.