Maison > interface Web > js tutoriel > Comment puis-je récupérer une valeur de cookie spécifique par nom en JavaScript ?

Comment puis-je récupérer une valeur de cookie spécifique par nom en JavaScript ?

Susan Sarandon
Libérer: 2024-12-11 07:15:11
original
168 Les gens l'ont consulté

How Can I Retrieve a Specific Cookie Value by Name in JavaScript?

Ciblage de cookies spécifiques avec la fonctionnalité « Obtenir le cookie par nom »

Dans le développement Web, les cookies sont souvent utilisés pour stocker et récupérer des informations sur l'utilisateur séances. Lors de l'accès aux cookies, il est essentiel de pouvoir cibler des cookies spécifiques par leur nom.

Défi :

Considérez la fonction getter suivante qui récupère les valeurs des cookies :

function getCookie1() {
    var elements = document.cookie.split('=');
    var obligations= elements[1].split('%');
    // ...
}
Copier après la connexion

Cette fonction récupère les valeurs de tous les cookies du navigateur. Cependant, nous souhaitons le modifier pour récupérer uniquement les valeurs d'un cookie spécifique nommé "obligations=".

Solution :

Pour y parvenir, nous pouvons utiliser un plus ciblé approche :

function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}
Copier après la connexion

Explication :

  • split(; ${name}=): Cette ligne divise la chaîne du cookie (préfixé par "; ") par le nom du cookie cible entre "; ".
  • if (parts.length === 2): Cette condition vérifie si un cookie avec le nom spécifié existe.
  • parts.pop(): Cela supprime la partie de la chaîne contenant la valeur du cookie.
  • split(';').shift(): Cela divise la chaîne restante par ";" et extrait la valeur du cookie.

En utilisant cette fonction, nous pouvons nous assurer que seules les valeurs du cookie "obligations=" sont récupérées.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal