Valeurs numériques et stockage local avec HTML5 - Mannequins

Avec HTML5, vous pouvez écrire jusqu'à 5 Mo de données dans un fichier 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. > Si vous travaillez avec des données numériques, souvenez-vous que localStorage stocke tout sous forme de chaîne.n'est pas un problème pour stocker une valeur numérique dans localStorage, mais lorsque vous le récupérez, vous devez convertir la valeur en valeur numérique (avec parseInt () ou parseFloat ()) au type de données dont vous avez besoin Voici un exemple qui compte le nombre de fois qu'un utilisateur a visité votre site:

function countVisits () {str_count = localStorage.getItem ("count"); // Récupère une valeur numérique de str_count, place le en compte if (str_count == null || str_count == "null") {count = 0;} else {count = parseInt (str_count);} // fin si // incrément compte le nombre ++; // affichage nombre lblCounter = document. getElementById ("lblCounter"); lblCounter. innerHTML = "Vous avez été ici" + compte + "fois"; // stocke le compte localStorage. setItem ("count", count);} // end count

Ce code doit être exécuté chaque fois que la page est chargée (peut-être avec l'attribut).

Tentative d'obtenir le compte à partir de

1. localStore . Utilisez le préfixe str_ pour vous rappeler que les données sont actuellement une chaîne.

   Assurez-vous que la valeur existe.

2. S'il n'y a pas d'entrée dans la base de données pour le compte, cela doit être la première fois que l'utilisateur est là (ou qu'il a effacé la base de données). Dans les deux cas, attribuez la valeur 0 à Count (qui est une variable numérique).

   Si str_count existe, convertissez-le en entier.

3. Utilisez la méthode parseInt () pour convertir la chaîne str_count en nombre entier.

   Ajoutez-en un pour compter.

4. Maintenant que ce nombre est un nombre entier, vous pouvez y ajouter.

   Afficher la valeur du compteur pour l'utilisateur.

5. Bien sûr, ce n'est pas absolument nécessaire, mais il est bon de fournir quelques commentaires.

   Retourne le nombre de magasins

6. dans la base de données localStorage . Notez que vous pouvez stocker le nombre entier dans la base de données sans problème. Il sera tranquillement converti en une chaîne quand il est stocké.