Obbiettivo: Per informazioni su come creare e leggere il cookie utilizzando JavaScript. Il cookie è una piccola porzione di dati che viene salvata sul dispositivo dell'utente dal sito Web. È utile per memorizzare qualsiasi dato per identificare l'utente o per tracciare l'utente. Quando l'utente visita di nuovo il sito Web, i dati memorizzati possono essere letti facilmente.
Passo 1: per impostare il cookie sul dispositivo dell'utente
Con la funzione createCookie (), è possibile creare facilmente il cookie passando il nome, il valore (i dati che si desidera memorizzare) e la data di scadenza.
function createCookie (name, value, days) {if (days) {var date = new Date (); date.setTime (date.getTime () + (days * 24 * 60 * 60 * 1000)); var expires = '; expires =' + date.toGMTString (); } else {var expires = ''; } // impostazione cookie document.cookie = nome + '=' + valore + scadenza + '; path = / '; }
Step2: per leggere il cookie
Puoi facilmente leggere il cookie utilizzando la funzione sottostante fornendo il nome del cookie.
function readCookie (name) {var nameEQ = name + '='; // legge il cookie var ca = document.cookie.split (';'); // elaborazione per ottenere il contenuto per (var i = 0; i <ca.length; i ++) {var c = ca [i]; while (c.charAt (0) == '') {c = c.substring (1, c.length); } if (c.indexOf (nameEQ) == 0) {// restituisce il contenuto effettivo restituisce c.substring (nameEQ.length, c.length); }} restituisce null; }
esempio: Esempio per memorizzare il nome utente nel cookie.
if (cookies == 'yes') {jQuery ('document'). ready (function () {// reding cookie var cook = readCookie ('YourWebsite'); if (cook! = 'true') {// calling per creare il cookie se non trovato createCookie ('YourWebsite', 'user_name = akash', 30);}}); }
Puoi vedere il cookie memorizzato nella console del browser:
Dipendenza: Per eseguire l'esempio è necessario includere il file js min jquery. Per questo, è possibile utilizzare sotto la riga di codice.
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </ script>
