Publié le 06/04/2017, rédigé par Davy CLAISSE

HTML 5

Utiliser le stockage en mode déconnecté de HTML5

Explication du concept

Les navigateurs permettent de stocker des informations directement côté client - un peu à la manière des cookies - et qui peuvent être utilisées en mode déconnecté, c'est-à-dire lorsque le navigateur n'a plus accès au réseau. Cette fonctionnalité s'appelle le local storage.

Comment ça marche ?

C'est très simple, HTML 5 fournit une Map dans laquelle il est possible d'associer une clef à une valeur, quelque soit cette valeur c'est-à-dire qui peut être un objet, une string, un entier, un tableau, etc.

Pour enregistrer une valeur dans le local storage :

var hero = new Person('Bruce', 'WAYNE');
localStorage.setItem('batman', hero);

Pour récupérer une valeur préalablement enregistrée dans le local storage :

var hero = localStorage.getItem('batman');