Table des matières
Les cookies sont de petits morceaux de données qui sont stockés dans le navigateur de la personne qui visite une page, de sorte que certaines données peuvent être obtenues sur sa navigation sur une certaine page, de sorte que lorsque la personne visite à nouveau le site, nous pouvons personnaliser son expérience de navigation , soit en affichant les résultats liés à votre visite précédente, soit en affichant vos données personnelles immédiatement.Avec HTML5 et le objet document Nous pouvons écrire des cookies en utilisant le langage Javascript, grâce à cela, nous pouvons étendre les fonctionnalités de nos pages, offrant une expérience de navigation plus robuste.
Lire et écrire des cookies
Comme nous l'avons mentionné au début, grâce à l'objet document Nous pouvons faire le traitement des cookies, avec le code suivant nous allons en faire un petit exemple, afin que nous puissions comprendre comment les processus sont effectués :
Exemple Ajouter un cookie Mettre à jour un cookie
La propriété cookie fonctionne d'une manière particulière, lorsque nous lisons la valeur de la propriété, nous obtenons tous les cookies associés au document. Les cookies ont une structure de paire nom/valeur et vous pouvez voir nom = valeur.
Maintenant lorsque plusieurs cookies sont obtenus, nous verrons que nous les obtiendrons séparés par un point-virgule comme suit : nom1 = valeur1; nom2 = valeur2 ; nom3 = valeur3. Et ainsi de suite avec tout ce que nous avons.
Maintenant, le comportement lorsque nous ajoutons un cookie est le suivant, nous attribuons une nouvelle paire nom/valeur comme valeur de la propriété cookie de l'objet document et ainsi les cookies du document sont ajoutés. Dans ce processus, nous ne pouvons ajouter qu'un cookie à la fois, si nous attribuons une valeur qui correspond à un nom de cookie existant, il sera mis à jour avec cette valeur.
Une fois que nous avons clarifié le fonctionnement des cookies, nous allons expliquer le code que nous avons mis, nous voyons que nous avons deux boutons dans le document, chacun s'est vu attribuer une fonction Ajouter un cookie pour ajouter des cookies et Mettre à jour le cookie pour les mettre à jour, quand on utilise le premier, la fonction est activée créer un cookie qui crée une nouvelle paire nom/valeur qui sera ajoutée à la collection de cookies du document, le deuxième bouton appellera la fonction mettre à jour le cookie qui attribuera une nouvelle valeur à un cookie existant.
Voyons une capture d'écran de la façon dont ce code devrait fonctionner dans notre navigateur :
- chemin = Définit le chemin associé au cookie, par défaut c'est le chemin du document courant.
- domaine = Il établit le domaine associé au cookie, par défaut il prend la valeur du domaine du document en cours.
- âge-max = Il établit la durée de vie d'un cookie, il est compté en secondes, et il commence à compter à partir du moment de sa création.
- expire = Définissez la date d'expiration d'un cookie en utilisant le fuseau horaire GMT. Cette option n'est disponible que sur une connexion HTTPS.
