Formation HTML5 : Stockage local
HTML5 - stockage

Formation HTML5 : Stockage local

  1. Description de l'API
  2. Exemple simple
  3. Gestion d'erreurs
  4. Exemples avancés

Stockage local et hors ligne

Stockage local et hors ligne

Stockage de session
Accessible lors d'une même session dans une fenêtre ou un onglet/dd>
sessionStorage.setItem(key, stringValue); //sauvegarder un item dans le stockage, la valeur doit être une chaîne de caractères, alors sérialiser vos objets avec JSON
sessionStorage.getItem(key); // rechercher un item dans le stockage , la clé est une chaîne de caractères
sessionStorage.removeItem(key); // retirer un item du stockage
Stockage local
Accessible pour le domaine courant
localStorage.setItem(key, stringValue);
localStorage.getItem(key);
localStorage.removeItem(key);

Stockage local et hors ligne

localStorage.clear()
Vide le stockage
localStorage.key(1)
Retourne la clé à l'index 1
localStorage.length
Retourne le nombre de clés

Gestion d'erreurs


                try {
                    localStorage.setItem('quelquechosedetropgros', valeur);
                } catch (e) {
                    if (e == QUOTA_EXCEEDED_ERR) {
                        alert('Quota de données dépassé');
                    }
                }
                    

Exemples avancés