Cookies JavaScript - Comment créer, lire et supprimer des cookies?

Les cookies sont des données stockées dans de petits fichiers texte. Il vous aide à stocker les informations utilisateur dans des pages Web et à se souvenir des détails de l'utilisateur ultérieurement.

Les cookies vous aident à stocker des informations utilisateur dans des pages Web. C'est l'une des méthodes les plus efficaces de mémorisation et de suivi des préférences, des achats, des commissions et d'autres informations nécessaires pour une meilleure expérience des visiteurs ou des statistiques sur le site. Dans ce Article sur les cookies, nous entrerons dans la profondeur des cookies dans l'ordre suivant:



Que sont les cookies?

Les cookies sont des données stockées dans de petits fichiers texte de votre système. Lorsqu'un serveur Web envoie une page Web à un navigateur, la connexion s'arrête et le serveur oublie tout ce qui concerne l'utilisateur.



Les cookies ont été inventés pour résoudre le problème de la mémorisation des informations sur l'utilisateur. Par exemple:

  • Lorsqu'un utilisateur visite une page Web, son nom peut être stocké dans un cookie.



  • La prochaine fois que l'utilisateur visite la page, le cookie se souvient du nom d'utilisateur.

Il se souvient des informations de l'utilisateur parmi toutes les pages Web. Il contient les informations sous forme de et sous la forme d'une paire nom-valeur séparés par des points-virgules tels que:

nom d'utilisateur = Daisy Green

Voyons maintenant comment fonctionnent ces cookies.



Comment ça marche?

Le serveur envoie certaines données au navigateur du visiteur sous la forme d'un cookie. Maintenant, le navigateur peut accepter le cookie. Si tel est le cas, il est stocké sous forme d’enregistrement en texte brut sur le disque dur du visiteur.

cookie - cookies javascript - edurekaLorsque le visiteur arrive sur une autre page de votre site, le navigateur envoie le même cookie au serveur pour récupération. Une fois qu'il est récupéré, votre serveur sait ou se souvient de ce qui était stocké auparavant.

Les cookies se composent de 5 champs de longueur variable :

  • Expire & moins Ceci indique la date à laquelle le cookie expirera. Si ce champ est vide, le cookie expirera lorsque le visiteur quittera le navigateur.

  • Domaine & moins Le champ domaine fournit le nom de domaine de votre site.

    différence entre css et css3
  • Chemin & moins Il s'agit du chemin d'accès au répertoire ou à la page Web qui a défini le cookie. Cela peut être laissé vide si vous souhaitez récupérer le cookie à partir de n'importe quel répertoire ou page.

  • Sécurise & moins Si ce champ contient le mot «sécurisé», alors le cookie ne peut être récupéré qu'avec un serveur sécurisé. Si ce champ est vide, il n'y a pas de telles restrictions.

  • Nom = Valeur & moins Ceci décrit les cookies qui sont définis et récupérés sous la forme de paires clé-valeur.

Maintenant que vous savez ce que sont les cookies et comment ils fonctionnent, allons dans le détail des cookies JavaScript.

Cookies JavaScript

En JavaScript, vous pouvez manipuler les cookies avec la propriété cookie de l'objet Document. JavaScript peut lire, créer, modifier et supprimer les cookies qui s'appliquent à la page Web actuelle. Jetons donc un œil à des exemples et comprenons comment les cookies sont utilisés dans JavaScript.

Créer des cookies

JavaScript peut créer des cookies avec le document.cookie propriété. Vous pouvez créer le cookie de la manière suivante:

document.cookie = 'username = Daisy Green'

Vous pouvez également ajouter une date d'expiration pour votre cookie. Par défaut, le cookie sera supprimé à la fermeture du navigateur:

document.cookie = 'username = Daisy Green expire = lun, 26 août 2019 12:00:00 UTC'

Vous pouvez également indiquer au navigateur à quel chemin appartient le cookie à l'aide d'un paramètre. Par défaut, le cookie appartient à la page en cours.

document.cookie = 'username = Daisy Green expires = lun, 26 août 2019 12:00:00 UTC' path = / '

Lire un cookie

Lire un cookie est aussi simple que d'en écrire un car la valeur de l'objet document.cookie est le cookie. Vous pouvez utiliser cette chaîne chaque fois que vous souhaitez accéder au cookie. La chaîne document.cookie conserve une liste de paires nom = valeur séparées par des points-virgules, où nom représente le nom du cookie et la valeur est sa valeur de chaîne.

Les cookies JavaScript peuvent être lus de la manière suivante:

var x = document.cookie

Exemple: