HTML5 WebStorage API: Dateien mithilfe der FileAPI speichern
Im letzten Artikel hatte ich euch bereits eine kurze Einführung in die HTML5 WebStorage API gegeben. Dabei wurde deutlich, dass als Datentyp für einen zu speichernden Wert nur DOMString unterstützt wird. Trotzdem ist es möglich auch andere Datentypen, wie z.B. Arrays, Objekte oder aber sogar Dateien mittels der WebStorage API zu speichern. Dazu müssen wir einfach die Datentypen vor dem…
HTML5 WebStorage API (LocalStorage & SessionStorage)
Die HTML5 WebStorage API, teilweise auch als DOM Storage bezeichnet, dient der clientseitigen Speicherung von Daten in Form von Schlüssel-Wert-Paaren. Man kann auch vereinfacht sagen, die Daten werden lokal im Webbrowser gespeichert. Grundsätzlich ist die WebStorage API in die zwei verschiedenen Speicherarten namens LocalStorage und SessionStorage unterteilt. In diesem Artikel stelle ich euch nun die HTML5 WebStorage API vor. LocalStorage…
JavaScript: Callback-Funktionen erstellen & nutzen
Callbacks bzw. Callback-Funktionen werden in JavaScript sehr häufig eingesetzt. In JavaScript wird dabei auch meistens von Event-Handlern gesprochen. Oft verwendet werden solche Callbacks in JavaScript z.B. beim Einsatz von AJAX oder um auf bestimmte Events, wie z.B. dem Klick auf einen Button, zu reagieren. „Eine Rückruffunktion (englisch callback function) bezeichnet in der Informatik eine Funktion, die einer anderen Funktion als…
Online- bzw. Offline-Status des Browsers erkennen – 2. Ansatz
Vor einiger Zeit hatte ich euch bereits gezeigt, wie ihr mittels der Eigenschaft window.navigator.onLine den Online- bzw. Offline-Status des Browsers erkennen könnt. Dabei wurde deutlich, dass die Eigenschaft nicht sehr verlässlich ist und nicht unbedingt den korrekten Verbindungsstatus zurückgibt. Aus diesem Grund zeige ich heute, wie ihr mittels AJAX & Polling feststellen könnt, ob der Browser Online oder Offline ist.…
AJAX: Datei-Upload mit XHR2 und FormData
In der Vergangenheit war der Upload von Dateien mittels AJAX, konkreter gesagt mit XMLHttpRequest Level 1, immer recht mühselig. Deswegen wurden hierfür oft irgendwelche versteckten iFrame-Hacks und Plugins verwendet. Mit XHR2 bzw. XMLHttpRequest Level 2 und der neuen FormData-Klasse gibt es nun jedoch eine sehr einfache Möglichkeit Dateien bzw. generell ganze Formulare inklusive Dateien zum Server hochzuladen. In diesem Artikel…