Vérification et effacement des données stockées localement avec HTML5 - les mannequins

Avec HTML5, vous pouvez écrire jusqu'à 5 Mo de données dans un fichier de base de données localStorage 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. > Vérification des données

Parfois, vous aurez besoin de parcourir toutes les données de la base de données, ce qui est plutôt facile avec la propriété length et les touches () Vérifiez cet exemple:

function viewData () {// affiche toutes les paires clé / valeur pour (i = 0; i

Le processus consiste à créer une boucle for pour parcourir toutes les paires clé / valeur: >

Construire un pour la boucle pour parcourir les données.

Utilisez le localStorage. propriété de longueur pour déterminer combien de fois vous aurez besoin de parcourir la boucle.

1. Trouvez la clé suivante. Utilisez le compteur de boucle (dans ce cas i) pour obtenir la clé suivante avec localStorage. touche (i).

2. Notez que l'ordre des clés ne sera pas prévisible. Récupère la valeur associée à cette clé.

   Utilisez le localStorage standard. Méthode getItem () avec la clé que vous venez de récupérer.

3. Utilisez la clé et la valeur.

   À ce stade, vous avez une variable appelée clé contenant la clé actuelle et une autre valeur appelée contenant la valeur associée à cette clé. Vous pouvez ensuite imprimer les données sur la page ou faire tout ce que vous voulez avec.

   Effacement des données

4. Il est possible (et facile) d'effacer tout ou partie des données stockées localement. Utilisez le locaStorage. clear () méthode pour effacer toutes les données associées à votre site Web, ou le localStorage. Méthode removeItem (key) pour supprimer une paire clé / valeur particulière:

   function clearValues ​​() {alert ("effacement" + nom + "de la base de données …"); stockage local. removeItem ("nom"); stockage local. removeItem ("count"); // pour effacer toutes les valeurs à la fois, vous pouvez utiliser ceci: // localStorage. clair(); // nettoie l'affichage lblCounter = document. getElementById ("lblCounter"); lblCounter. innerHTML = "Vous avez été ici 0 fois";}