JavaScript-Lese-Cookies

1. Verwenden Sie die schleifenbasierte Funktion, um Cookies in JavaScript zu lesen
2. Verwenden Sie eine auf regulären Ausdrücken basierende Funktion, um Cookies in JavaScript zu lesen

Dieser Artikel befasst sich mit der Funktion zum Lesen eines Cookies in JavaScript.

Verwenden Sie die schleifenbasierte Funktion, um Cookies in JavaScript zu lesen

Das Cookie ist der Wert des Dokuments; Als Cookie-Objekt ist das Lesen eines Cookies so einfach wie das Generieren eines Cookies. Das Dokument führt eine Liste von durch Semikolons (;) getrennten Name = Wert-Paaren und der Zeichenfolge cookie, wobei name der Name eines Cookies und Wert sein Zeichenfolgenwert ist.

Die split()-Methode für Strings kann einen String in seinen Schlüssel und seine Werte zerlegen.

Beispielcode:

<script type="text/javascript">

        function RdCookie() {
            var forallcookies = document.cookie;
            document.write("All Cookies : " + forallcookies);
            cookiesarr = forallcookies.split(';');

            for (var i = 0; i < cookiesarr.length; i++) {
                name = cookiesarr[i].split('=')[0];
                value = cookiesarr[i].split('=')[1];
                document.write("Key is : " + name + " and Value is : " + value);
            }
        }

    </script>

Code ausführen

Nachdem Sie diesen Code auf einem beliebigen Online-Compiler ausgeführt haben, müssen Sie ihn speichern, damit er im Browser ausgeführt wird und Sie alle Cookies erhalten. Hier gibt die length-Funktion der Array-Klasse die Länge eines Arrays zurück.

Andere Cookies könnten bereits auf Ihrem Computer installiert sein. Der obige Code listet alle Cookies auf, die auf Ihrem Computer abgelegt werden.

Ausgang:

All Cookies : csrftoken=qf2iNHP0TosxzZjQhSe25m9FEumZawCoL5y202yZUqkg4tRxi7Ze0sJD3u4iX1S6d0kQ%2FN4hN4ve4MuV63KdTw%3D%3DKey is : csrftoken and Value is : qf2iNHP0TosxzZjQhSe25m9FEumZawCoL5y202yZUqkg4tRxi7Ze0sJD3u4iX1S6d0kQ%2FN4hN4ve4MuV63KdTw%3D%3D

Verwenden Sie eine auf regulären Ausdrücken basierende Funktion, um Cookies in JavaScript zu lesen

Sie können diese RegEx-basierte Funktion verwenden, um den Wert eines Cookies zu ermitteln und zu extrahieren. Wenn das Cookie nicht gefunden werden kann (oder keinen Wert hat), wird eine leere Zeichenfolge " " zurückgegeben.

Beispielcode:

document.cookie = 'username=hiva; SameSite=None; Secure';
document.cookie = 'favorite_food=tripe; SameSite=None; Secure';

function rdCookies(name) {
  var output = document.cookie.match('(^|[^;]+)s*' + name + 's*=s*([^;]+)');
  return output ? output.pop() : '';
}

console.log(rdCookies('username'));

Code ausführen

Wir vergleichen einfach unseren RegEx mit dem String document.cookie und speichern das Ergebnis in der Variablenausgabe. Was hier wichtig zu verstehen ist, ist die Art der Variablen, die .output() liefert.

Wenn der RegEx übereinstimmt, ist die Ausgabe ein Array von Variablen. Wenn die Regex nicht übereinstimmt, ist das Ergebnis null.

Die Methode .output() prüft, ob das gesuchte Cookie nicht in document.cookie gefunden wurde (oder keinen Wert hatte), unsere Variablenübereinstimmung wäre in JavaScript null.

Angenommen, es wurde gefunden; Unsere RegEx-basierte Funktion gibt eine Array-Variable zurück.

Ausgang:

"hiva"