JavaScript-Techniken bei HTML5 und mehr - JavaScript: Die Universelle Sprache zur Web-Programmierung - page 401

Bild 14.7■ Der Klick auf den Button gibt eine neue Antwort des Servers in der Webseite aus.

Die eigentliche Logik auf der Serverseite ist natürlich in dem Beispiel begrenzt, aber Sie
sehen hier sowohl die Kommunikation per Socket als auch die grundsätzliche Verwendung
von JavaScript auf dem Server.

■ ■ 14.3■Daten im Browser speichern mit HTML5

und der Technik des Local Data Storage
bzw. Session Data Storage

Schon fast seit Beginn der Webprogrammierung mit JavaScript gab es Cookies, um auf dem
Rechner eines Besuchers Informationen zu parken. Wir haben die Technik besprochen, wie
Sie das mit JavaScript erledigen können. Nur sind Cookies in der Größe sehr beschränkt
und vom Anwender extrem leicht zu entfernen. Mit HTML5 soll die lokale Speicherung von
Daten persistenter, mächtiger, leichter zu handhaben und schneller abrufbar werden. Vor
allen Dingen soll die Menge der speicherbaren Daten erheblich größer werden, denn Anwen-
dungen von lokalen Speichervorgängen sind - trotz AJAX - immer noch vorhanden, bei-
spielsweise To-Do-Listen, Einkaufszettel, Notizbücher etc. Im Konzept von HTML5 werden
drei Möglichkeiten diskutiert, um Daten beim Benutzer zu speichern:
Local Data Storage oder kurz Local Storage . Grundsätzlich sollten diese Daten perma-
nent im Speicher des Browsers bleiben, bis sie mit speziellen Methoden oder automati-
schen Bereinigungen vom Browser beseitigt werden.
Session Data Storage oder kurz Session Storage . Hiermit speichern Sie Informationen
nur so lange, wie eine Sitzung im Browser dauert. Da in den Browsern auch jeder Tab
bzw. jedes Browserfenster als eigene Sitzung verwaltet wird, gibt es auch jeweils einen
eigenen Sitzungsspeicher. Deshalb kann man von einem Tab/Fenster nicht auf die Daten
in einem anderen Tab/Fenster zugreifen, was beim Local Data Storage möglich ist.
Web SQL Database (worauf wir hier nicht weiter eingehen)
Das neue Konzept des Local Storage ist wirklich lokal. Das bedeutet, serverseitige Applika-
tionen können diese gespeicherten Daten nicht direkt auslesen bzw. verändern oder erstel-
len. Die gespeicherten Daten werden nicht wie Cookies zum Server geschickt. Der Weg des
Zugrifs führt immer über JavaScript und damit rein clientseitige Programmierung. Zudem
sind gespeicherte Daten allgemein nur für jeweils eine speziische Domain und die eigene
Browserinstanz zugänglich, wobei sich Browser hier in den genauen Details unterscheiden.