Cel: Aby dowiedzieć się, jak tworzyć i czytać pliki cookie za pomocą JavaScript. Cookie to mały fragment danych, który jest zapisywany na urządzeniu użytkownika przez stronę internetową. Jest to pomocne w przechowywaniu danych w celu identyfikacji użytkownika lub śledzenia użytkownika. Gdy użytkownik ponownie odwiedza witrynę, przechowywane dane można łatwo odczytać.
Krok 1: Aby ustawić plik cookie na urządzeniu użytkownika
Dzięki funkcji createCookie () można łatwo utworzyć plik cookie, przekazując nazwę, wartość (dane, które chcesz przechowywać) i datę ważności.
funkcja createCookie (nazwa, wartość, dni) {if (dni) {var date = new Date (); date.setTime (date.getTime () + (dni * 24 * 60 * 60 * 1000)); var expires = '; expires =' + date.toGMTString (); } else {var expires = ''; } // ustawienie cookie document.cookie = nazwa + '=' + wartość + wygasa + '; ścieżka = / '; }
Step2: Aby przeczytać plik cookie
Możesz łatwo odczytać plik cookie, korzystając z poniższej funkcji, podając nazwę pliku cookie.
funkcja readCookie (nazwa) {var nameEQ = nazwa + '='; // czytanie pliku cookie var ca = document.cookie.split (';'); // przetwarzanie w celu uzyskania treści (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) {// zwracanie rzeczywistej zawartości zwraca c.substring (nameEQ.length, c.length); }} return null; }
Przykład: Przykład przechowywania nazwy użytkownika w pliku cookie.
if (cookies == 'yes') {jQuery ('document'). ready (function () {// reding cookie var cook = readCookie ('YourWebsite'); if (cook! = 'true') {// call aby utworzyć plik cookie, jeśli nie zostanie znaleziony createCookie ('YourWebsite', 'user_name = akash', 30);}}); }
Możesz zobaczyć zapisany plik cookie w konsoli przeglądarki:
Zależność: Aby uruchomić przykład, musisz dołączyć plik jquery min js. W tym celu możesz użyć poniższego wiersza kodu.
<skrypt src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script>