{"id":36644,"date":"2019-07-10T12:20:50","date_gmt":"2019-07-10T12:20:50","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=35276\/"},"modified":"2019-07-10T13:57:44","modified_gmt":"2019-07-10T04:27:44","slug":"how-to-set-cookie-using-javascript","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/fr\/conseils-fr\/how-to-set-cookie-using-javascript\/","title":{"rendered":"How to set Cookie using JavaScript"},"content":{"rendered":"

Objectif:<\/strong> Pour apprendre \u00e0 cr\u00e9er et \u00e0 lire le cookie \u00e0 l'aide de JavaScript. Un cookie est un petit fichier de donn\u00e9es enregistr\u00e9 sur le p\u00e9riph\u00e9rique de l'utilisateur par le site Web. Il est utile de stocker des donn\u00e9es pour identifier l\u2019utilisateur ou pour le suivre. Lorsque l'utilisateur visite \u00e0 nouveau le site Web, les donn\u00e9es stock\u00e9es peuvent \u00eatre lues facilement.<\/p>\n

\u00c9tape 1: Pour d\u00e9finir le cookie sur la machine utilisateur<\/strong><\/h3>\n

Avec la fonction createCookie (), vous pouvez facilement cr\u00e9er le cookie en transmettant le nom, la valeur (les donn\u00e9es que vous souhaitez stocker) et la date d'expiration.<\/p>\n

function createCookie (nom, valeur, jours) {if (jours) {var date = new Date (); date.setTime (date.getTime () + (jours * 24 * 60 * 60 * 1000)); var expires = '; expires =' + date.toGMTString (); } else {var expires = ''; } \/\/ d\u00e9finition du cookie document.cookie = nom + '=' + valeur + expire + '; chemin = \/ '; }<\/pre>\n
Step2: Pour lire le cookie<\/strong><\/h3>\n
Vous pouvez facilement lire le cookie \u00e0 l'aide de la fonction ci-dessous en fournissant le nom du cookie.<\/p>\n
fonction readCookie (name) {var nameEQ = nom + '='; \/\/ lecture du cookie var ca = document.cookie.split (';'); \/\/ traitement pour obtenir le contenu de (var i = 0; i <longueur.al; i ++) {var c = ca [i]; tandis que (c.charAt (0) == '') {c = cstrstring (1, c.length); } if (c.indexOf (nameEQ) == 0) {\/\/ retourne le contenu actuel renvoie csubstring (nameEQ.length, c.length); }} return null; }<\/pre>\n
Exemple:<\/strong> Exemple pour stocker le nom d'utilisateur dans le cookie.<\/p>\n
if (cookies == 'oui') {jQuery ('document'). ready (function () {\/\/ cookie rouge var cook = readCookie ('Votre site Web'); if (cook! = 'true') {\/\/ appelant cr\u00e9er le cookie s'il n'est pas trouv\u00e9 createCookie ('YourWebsite', 'user_name = akash', 30);}}); }<\/pre>\n
Vous pouvez voir le cookie stock\u00e9 dans la console du navigateur:<\/p>\n
\"Comment<\/a><\/p>\n
D\u00e9pendance:<\/strong> Vous devrez inclure le fichier jquery min js pour ex\u00e9cuter l'exemple. Pour cela, vous pouvez utiliser la ligne de code ci-dessous.<\/p>\n
<script src = "https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.4.1\/jquery.min.js"> <\/ script><\/pre>\n