Ziel: Erfahren Sie, wie Sie das Cookie mit JavaScript erstellen und lesen. Cookie ist ein kleines Datenelement, das von der Website auf dem Benutzergerät gespeichert wird. Es ist hilfreich, Daten zu speichern, um den Benutzer zu identifizieren oder den Benutzer zu verfolgen. Wenn der Benutzer die Website erneut besucht, können gespeicherte Daten leicht gelesen werden.
Schritt 1: Setzen des Cookies auf dem Benutzergerät
Mit der Funktion createCookie () können Sie das Cookie einfach erstellen, indem Sie den Namen, den Wert (die Daten, die Sie speichern möchten) und das Ablaufdatum übergeben.
Funktion createCookie (Name, Wert, Tage) {if (Tage) {var date = new Date (); date.setTime (date.getTime () + (Tage * 24 * 60 * 60 * 1000)); var expires = '; expires =' + date.toGMTString (); } else {var expires = ''; } // Cookie setzen document.cookie = name + '=' + value + expires + '; Pfad = / '; }
Step2: Zum Lesen des Cookies
Sie können das Cookie mithilfe der folgenden Funktion einfach lesen, indem Sie den Namen des Cookies eingeben.
Funktion readCookie (name) {var nameEQ = name + '='; // Lesen des Cookies var ca = document.cookie.split (';'); // Verarbeitung, um den Inhalt für (var i = 0; i <ca. Länge; i ++) zu erhalten {var c = ca [i]; while (c.charAt (0) == '') {c = cSubstring (1, c.Länge); } if (c.indexOf (nameEQ) == 0) {// Rückgabe des tatsächlichen Inhalts return c.substring (nameEQ.length, c.length); }} return null; }
Beispiel: Beispiel zum Speichern des Benutzernamens im Cookie.
if (cookies == 'yes') {jQuery ('document'). ready (function () {// reding cookie var cook = readCookie ('YourWebsite'); if (cook! = 'true') {// aufrufen um das Cookie zu erstellen, wenn es nicht gefunden wird createCookie ('YourWebsite', 'user_name = akash', 30);}}); }
Sie können das gespeicherte Cookie in der Konsole des Browsers sehen:
Abhängigkeit: Sie müssen die jquery min js-Datei einschließen, um das Beispiel auszuführen. Hierfür können Sie die folgende Codezeile verwenden.
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </ script>
