Stockage et récupération des données dans le stockage local avec HTML5 - mannequins

Avec HTML5, vous pouvez écrire jusqu'à 5 Mo de données dans un fichier spécial sur l'ordinateur client Toutes les pages provenant de votre domaine partagez la même zone de stockage, vous pouvez donc utiliser ce mécanisme pour conserver les données persistantes entre plusieurs pages.Les données restent également sur l'ordinateur client (jusqu'à ce que vous les supprimiez), il peut donc être utilisé pour suivre les informations dans le temps. > Vous écrivez d'abord du code pour stocker et récupérer des informations, par exemple, un extrait de code qui stocke et récupère le nom de l'utilisateur ressemble à ceci:

function greet () {name = localStorage.getItem ("nom"); if (nom == null || nom == "null") {alert ("Bonjour, Stranger!"); name = prompt ("Quel est votre nom?"); localStorage. setItem ("nom", nom);} else {alert ("Hi," + name + "!");} // end greet} // fin de la fonction

Le processus de récupération est assez simple:

Récupérer la valeur.

1. Généralement, vous allez créer une variable avec le même nom que clé. Essayez d'extraire la valeur de l'objet localStorage avec la méthode getItem (). Récupérer les données revient à vérifier un livre de la bibliothèque.

   Détermine si la valeur existe.

2. Si la clé n'existe pas, la valeur sera nulle. Si c'est le cas, faites quelque chose pour ajouter une valeur. Notez que certains navigateurs recherchent la valeur "null" (une valeur de chaîne) et certains utilisent réellement le mot-clé null (pas de guillemets, car c'est un mot-clé). Utilisez l'opérateur spécial || (ou) pour vérifier l'une ou l'autre possibilité.

   Modifiez la variable.

3. Votre code modifiera probablement la variable.

   Stocke la valeur dans la base de données.

4. La base de données localStorage est séparée de vos variables. C'est à vous de mettre à jour toutes les données que vous souhaitez conserver. Utilisez la méthode setItem () pour enregistrer les données. C'est comme retourner un livre à la bibliothèque.