Was ist der Unterschied zwischen lokalem Speicher, Sitzungsspeicher und Cookies?

Blog

Was ist der Unterschied zwischen lokalem Speicher, Sitzungsspeicher und Cookies?

Was ist der Unterschied zwischen lokalem Speicher, Sitzungsspeicher und Cookies?

Einführung

In diesem Artikel erkläre ich Ihnen den Unterschied zwischen Session Storage, Local Storage und Cookies.



Für unsere Daten stehen sowohl client- als auch serverseitig verschiedene Arten von Speicherplatz zur Verfügung, die wir je nach Bedarf und Transparenzgrad auswählen können. Drei dieser Speicherbereiche sind Sitzungsspeicher, lokaler Speicher und Cookie.

Unter diesen drei fallen Session und Local Storage unter Web Storage, also lassen Sie uns zuerst vergleichen und den Unterschied zwischen ihnen sehen.



Div nebeneinander ausrichten

Sitzungsspeicher und lokaler Speicher

Ich hatte eine Beispielanwendung erstellt, um den Unterschied zu zeigen.

Ich habe gerade eine .NET-Anwendung erstellt, in der eine HTML5-Seite hinzugefügt wird, und auf dieser Seite wird ein script-Tag hinzugefügt, damit wir einige Werte unter den beiden Speichern zuweisen können.



Danach habe ich sowohl in Sitzungen als auch im lokalen Speicher einzelne Werte hinzugefügt.

sessionStorage.setItem('sessionData', 'I am set in session storage.'); localStorage.setItem('localData', 'I am set in local storage.');

Führen Sie jetzt einfach die Anwendung aus und öffnen Sie im Browser die Konsole. In der Konsole finden Sie die Werte auf diese einfache Weise,

Das ist der Bildtitel

Man sieht, dass beide Werte vorhanden sind, bis hierhin ist alles in Ordnung und normal, auch sehen beide gleich aus. Öffnen Sie nun eine beliebige andere Seite der Anwendung und überprüfen Sie erneut die Konsole.

Das ist der Bildtitel

Haben Sie den Wert in beiden gefunden! NEIN.

Hier kommt der Unterschied, der Sitzungsspeicherwert bleibt nur für eine bestimmte Seite bestehen und ist auf keiner anderen Seite verfügbar, aber der lokale Speicherwert kann nach der Eingabe auf jeder Seite aufgerufen werden.

Aber noch eine Sache kommt noch, schließen Sie einfach den Browser und öffnen Sie ihn erneut. Gehen Sie nun erneut zu einer anderen Seite und überprüfen Sie die Konsole auf den Wert der Sitzung und des lokalen Speichers.

Das ist der Bildtitel

Reagieren-Bootstrap-Dropdown bei Auswahl

Hast du etwas gefunden? Ja, lokaler Speicher ist weiterhin verfügbar und bleibt verfügbar, bis Sie den Verlauf Ihres Browsers löschen oder ihn aus JavaScript löschen.

Bis jetzt haben wir also den Unterschied zwischen Sitzungs- und lokalem Speicher gesehen und eindeutig hat sich lokaler Speicher als hilfreicher (je nach Fall) erwiesen als Sitzungsspeicher.

Kommen wir nun zu lokaler Speicherung und Cookies.

lokales Javascript-Speicher-Array

Lokale Speicherung und Cookies

Ich füge meiner Anwendung ein Webformular hinzu und stelle nur einige Steuerelemente dafür bereit.

Please Enter Your Name:
Please Enter Surname:
Please Enter Your Mobile No. :

Ich hatte einen Submit-Button erstellt und auf dessen Click-Ereignis einen Debugger gesetzt.

Gehen wir nun zur HTML5-Seite und fügen Sie mit JavaScript ein Cookie hinzu.

sessionStorage.setItem('sessionData', 'I am set in session storage.'); localStorage.setItem('localData', 'I am set in local storage.'); document.cookie = 'Available on both client and server side';

Führen Sie nun die Anwendung aus und öffnen Sie die HTML-Seite, öffnen Sie hier die Konsole, damit Sie die Werte überprüfen können.

Das ist der Bildtitel

Sie können alle verfügbaren Werte auf der Konsole sehen.

Öffnen Sie nun das Webformular im Browser und überprüfen Sie, ob es sich um die Konsole handelt.

Das ist der Bildtitel

Hier können Sie sehen, dass sowohl Local Storage als auch Cookies die Werte haben, aber wie bereits erklärt Session Storage den Wert verloren hat.

Klicken Sie nun auf die Schaltfläche Senden und gehen Sie zum Debugger, wenn Sie hier das Quick Watch Window öffnen und mit Request nach Cookie suchen. Cookies dann sehen Sie, dass unser Cookie-Wert hier verfügbar ist, aber der Sitzungsspeicher oder der lokale Speicherwert hier nicht verwendet werden können.

Das ist der Bildtitel

Der Cookie-Wert ist also sowohl auf der Client- als auch auf der Serverseite verfügbar, aber es gibt noch einige weitere Unterschiede zwischen diesen beiden, wie die folgenden:

  1. Der lokale Speicherwert kann problemlos zwischen mehreren Fenstern desselben Browsers geteilt werden.
  2. Cookies erlauben nur die Speicherung von 4 KB an Daten, aber WebStorage (sowohl lokal als auch sitzungsbezogen) bietet fast 10 MB Speicherplatz für die Datenspeicherung.

Zusammenfassung

In diesem Artikel haben wir den Unterschied zwischen lokaler Speicherung, Sitzungsspeicherung und Cookies kennengelernt.

Vielen Dank fürs Lesen!

#html #javascript #entwickler #programmierung

Überweisung per Bank-Cash-App abgelehnt