Heim > Web-Frontend > js-Tutorial > Wie kann ich einen bestimmten Cookie-Wert anhand des Namens in JavaScript abrufen?

Wie kann ich einen bestimmten Cookie-Wert anhand des Namens in JavaScript abrufen?

Susan Sarandon
Freigeben: 2024-12-11 07:15:11
Original
170 Leute haben es durchsucht

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

Targeting spezifischer Cookies mit der Funktion „Cookie nach Name abrufen“

In der Webentwicklung werden Cookies häufig zum Speichern und Abrufen von Benutzerinformationen verwendet Sitzungen. Beim Zugriff auf Cookies ist es wichtig, bestimmte Cookies anhand ihres Namens ansprechen zu können.

Herausforderung:

Bedenken Sie die folgende Getter-Funktion, die Cookie-Werte abruft:

function getCookie1() {
    var elements = document.cookie.split('=');
    var obligations= elements[1].split('%');
    // ...
}
Nach dem Login kopieren

Diese Funktion ruft Werte aus allen Cookies im Browser ab. Wir möchten es jedoch ändern, um nur Werte von einem bestimmten Cookie namens „obligations=" abzurufen.

Lösung:

Um dies zu erreichen, können wir ein weiteres verwenden gezielt Ansatz:

function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}
Nach dem Login kopieren

Erklärung:

  • split(; ${name}=): Diese Zeile teilt den Cookie-String (vorangestellt mit „;“) durch den in „;“ eingeschlossenen Ziel-Cookie-Namen.
  • if (parts.length === 2): Diese Bedingung prüft, ob ein Cookie mit dem angegebenen Namen existiert.
  • parts.pop(): Dadurch wird der Teil der Zeichenfolge entfernt, der den Cookie-Wert enthält .
  • split(';').shift(): Dies teilt die verbleibende Zeichenfolge um „;“ und extrahiert den Cookie-Wert.

Durch die Verwendung dieser Funktion können wir sicherstellen, dass nur Werte aus dem Cookie „obligations=" abgerufen werden.

Das obige ist der detaillierte Inhalt vonWie kann ich einen bestimmten Cookie-Wert anhand des Namens in JavaScript abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage