Heim >Web-Frontend >js-Tutorial >So schreiben Sie eine Cookie-Less-Sitzungsbibliothek für JavaScript
Diese JavaScript -Bibliothek nutzt die Eigenschaft window.name
, um Sitzungsdaten zu verwalten, ohne sich auf Cookies zu verlassen. Es bietet eine robuste Lösung zum Speichern und Abrufen von Sitzungsvariablen über Browser hinweg. Die Bibliothek enthält drei Kernmethoden: Session.set()
, Session.get()
und Session.clear()
zusammen mit einem Debugging -Dienstprogramm Session.dump()
.
Die Funktionalität der Bibliothek wird auf einer dedizierten Webseite demonstriert. Der Code integriert sich nahtlos und lädt kurz vor dem Schlusskörper -Tag. Es beginnt mit der Einbeziehung einer JSON-Bibliothek zur Cross-Browser-Kompatibilität in der Serialisierung. Die Kerndatei wird dann geladen; Es ist unabhängig von anderen Bibliotheken wie jQuery. session.js
wird nur definiert, wenn die JSON -Bibliothek verfügbar ist und keine Namenskonflikte vorhanden sind. Es verwendet Session
(oder window.top
als Fallback), um auf den Sitzungsspeicher zuzugreifen. Vorhandene Daten in window
werden analysiert und in ein internes window.name
-Objekt geladen. Ansonsten wird ein leeres Objekt erstellt. store
-Funktion serialisiert das Save()
-Objekt und speichert es auf store
beim Seite der Seite. Cross-Browser-Event-Hörer stellen sicher, dass diese Funktion zuverlässig für verschiedene Browser ausgeführt wird. Der Serialisierungs- und Sparenprozess wird aufgeschoben, bis die Seite entlädt wird, um die Leistungsauswirkungen zu minimieren. window.name
, set
, get
und clear
) liefern eine einfache Schnittstelle für die Interaktion mit den Sitzungsdaten. dump
Gibt Session.get()
zurück, wenn eine angeforderte Sitzungsvariable nicht gefunden wird. undefined
Weitere Ressourcen:
session.js
häufig gestellte Fragen (FAQs) zur Verwendung (Hinweis: Die Bibliothek verwendet sessionStorage
, nicht window.name
): sessionStorage
Der ursprüngliche Artikel enthält auch einen FAQ -Abschnitt zu sessionStorage
. Während diese Bibliothek sessionStorage
nicht verwendet, enthält die FAQ wertvolle Informationen zum Client-Side-Speicher im Allgemeinen. Hier ist eine zusammengefasste Version:
sessionStorage
: verwenden sessionStorage.getItem("key")
. sessionStorage
: Verwenden Sie sessionStorage.setItem("key", "value")
. localStorage
vs. sessionStorage
: localStorage
bleibt über Sitzungen hinweg bestehen, während sessionStorage
gelöscht wird, wenn die Registerkarte schließt. JSON.stringify()
zum Speichern und JSON.parse()
zum Abrufen. sessionStorage
: Verwenden Sie sessionStorage.clear()
. sessionStorage
ist nicht verschlüsselt; Vermeiden Sie sensible Daten. sessionStorage
und Cookies: verschiedene Zwecke servieren; sessionStorage
ist nur clientseitig. localStorage
für anhaltende Speicherung. Denken Sie daran, die platzierten Platzhalter zu ersetzen ([https://www.php.cn/link/35068fbf1ec706142e1f75fa23ee1995], [https://www.php.cn/link/a80ff02f8227904e65413f89ee1719e6], [https://www.php.cn/link/66a1942cfad91FF0ee999999999daf8674d55] mit den tatsächlichen Binzipern.
Das obige ist der detaillierte Inhalt vonSo schreiben Sie eine Cookie-Less-Sitzungsbibliothek für JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!