Explication détaillée de JavaScript pour obtenir des cookies et supprimer des cookies-js tutoriel-php.cn

Explication détaillée de JavaScript pour obtenir des cookies et supprimer des cookies

小云云

Libérer： 2017-12-12 14:29:24

original

2030 Les gens l'ont consulté

Les cookies, parfois également utilisés au pluriel Cookies, désignent les données (généralement cryptées) stockées sur le terminal local de l'utilisateur par certains sites Internet afin d'identifier l'utilisateur et de suivre la session. Dans cet article, nous partagerons avec vous les connaissances nécessaires pour obtenir des cookies et supprimer des cookies avec JavaScript, en espérant vous aider.

Où sont les cookies ?

Existe dans document.cookie

A quoi ressemble le cookie ?

Cookie est une chaîne qui ressemble à ceci :
"name=xxx; age=22;"

Remarque : Il y a un espace après le point-virgule. N'oubliez pas ceci, le code suivant nécessite une attention particulière à cela

Si je veux obtenir le cookie en fonction du nom de la clé, comment faire fais-le?

<span style="font-size: 16px;">function getCookie(name) {<br>  var value = '; '+ document.cookie;<br>  var parts = value.split('; ' + name + '=');<br>  if(parts.length === 2) {<br>    return parts.pop().split(';').shift();<br>  }<br>}<br></span>

Copier après la connexion

Analyse de principe :
Supposons que la valeur actuelle de document.cookie soit : <code>myName=xxx; age=22; food=apple;myName=xxx age=22; pomme;
①var value = '; '+ document.cookie;var value = '; '+ document.cookie;; myName=xxx; age=22; food=apple;faire en sorte qu'il devienne
; monNom=xxx; âge=22; nourriture=pomme;var parts = value.split('; ' + name + '=');②<code>namevar parts = valeur divisée. ('; ' + nom + '='); Supposons que le transmis dans agenom; age= est  age['myName=xxx', '22; food=apple;'], alors la chaîne sera divisée selon
 age= if(parts.length === 2), après la division, le tableau résultant est : <code>parts.pop()['myName=xxx', '22; food=apple;']22; food=apple;③ if(parts.length === 2)split(';')Indique que la valeur correspondante est obtenue en fonction du nom de la clé, <code>['22', 'food=apple;'] parts.pop() renvoie le dernier élément du tableau, c'est-à-dire shift()22; food=apple;

, puis appelle

split(';')var value = '; '+ document.cookie;get array['22', 'food=apple ;']

, puis appeler shift()

<span style="font-size: 16px;">function deleteCookie(name) {<br>  document.cookie = name + '=;  expires=Thu, 01 Jan 1970 00:00:01 GMT;'<br>}<br></span>

Copier après la connexion

renverra le premier élément du tableau, qui est 22, et nous pouvons obtenir ce que nous voulons Value

En pensant :

var value = '; + document.cookie;

Ce code est l'intégralité de l'essence de la méthode.

Que faire si je souhaite supprimer les cookies en fonction des noms de clés ?

Analyse de principe :

Définissez le délai d'expiration du cookie pour qu'il soit inférieur à l'heure actuelle, puis le cookie sera supprimé.

Où sont les cookies ?

est stocké dans document.cookie

À quoi ressemble le cookie ? Cookie est une chaîne qui ressemble à ceci : "name=xxx; age=22;" Remarque : Il y a un espace après le point-virgule. N'oubliez pas ceci dans le code suivant .

Et si je souhaite obtenir le cookie en fonction du nom de la clé ?

<span style="font-size: 16px;">function getCookie(name) {<br>  var value = '; '+ document.cookie;<br>  var parts = value.split('; ' + name + '=');<br>  if(parts.length === 2) {<br>    return parts.pop().split(';').shift();<br>  }<br>}<br></span>

Copier après la connexion

, puis appelle

split(';')var value = '; '+ document.cookie;get array['22', 'food=apple ;']

, puis appeler shift()

<span style="font-size: 16px;">function deleteCookie(name) {<br>  document.cookie = name + '=;  expires=Thu, 01 Jan 1970 00:00:01 GMT;'<br>}<br></span>

Copier après la connexion

renverra le premier élément du tableau, qui est 22, et nous pouvons obtenir ce que nous voulons Value

En pensant :

var value = '; + document.cookie;

Ce code est l'intégralité de l'essence de la méthode.

Que faire si je souhaite supprimer les cookies en fonction des noms de clés ?

Analyse de principe :

Définissez le délai d'expiration du cookie pour qu'il soit inférieur à l'heure actuelle, puis le cookie sera supprimé.

Recommandations associées : Comment utiliser les cookies avec jQueryAnalyse des attributs des cookies et méthodesOpérations de base pour ajouter et supprimer des cookies en JavaScript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Explication détaillée de JavaScript pour obtenir des cookies et supprimer des cookies

Où sont les cookies ?

A quoi ressemble le cookie ?

Si je veux obtenir le cookie en fonction du nom de la clé, comment faire fais-le?

, puis appeler shift()

Ce code est l'intégralité de l'essence de la méthode.

Définissez le délai d'expiration du cookie pour qu'il soit inférieur à l'heure actuelle, puis le cookie sera supprimé.

Et si je souhaite obtenir le cookie en fonction du nom de la clé ?

, puis appeler shift()