How to set Cookie using JavaScript

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:

So setzen Sie Cookies mit JavaScript

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>


Akash Roshan

Akash is a PHP developer and wants to share his knowledge through Blogs. He is currently growing in the IT industry while fulfilling his own goals.

Leave a Reply

Your email address will not be published. Required fields are marked *