Cookie-uri în JavaScript: Setați, obțineți și ștergeți exemplu

Ce sunt Cookie-urile?

Un cookie este o bucată de date care este stocată pe computerul dumneavoastră pentru a fi accesată de browserul dumneavoastră. De asemenea, s-ar putea să te fi bucurat de beneficiile cookie-urilor, cu bună știință sau fără să știi. Ți-ai salvat vreodată parola de Facebook, astfel încât să nu fie nevoie să o introduci de fiecare dată când încerci să te autentifici? Dacă da, atunci utilizați cookie-uri. Cookie-urile sunt salvate ca perechi cheie/valoare.

De ce ai nevoie de un cookie?

Comunicarea dintre a browser web iar serverul se întâmplă folosind un protocol fără stat numit HTTP. Protocolul apatrid tratează fiecare cerere independentă. Deci, serverul nu păstrează datele după ce le trimite către browser. Dar, în multe situații, datele vor fi solicitate din nou. Aici vin cookie-urile într-o imagine. Cu cookie-uri, browserul web nu va trebui să comunice cu serverul de fiecare dată când datele sunt necesare. În schimb, poate fi preluat direct de pe computer.

Javascript Setați Cookie

Puteți crea cookie-uri folosind document. proprietate cookie ca aceasta.

document.cookie = "cookiename=cookievalue"

Puteți chiar să adăugați data de expirare cookie-ului dvs., astfel încât acel cookie să fie eliminat de pe computer la data specificată. Data de expirare trebuie setată în formatul UTC/GMT. Dacă nu setați data de expirare, cookie-ul va fi eliminat atunci când utilizatorul închide browserul.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

De asemenea, puteți seta domeniul și calea pentru a specifica cărui domeniu și directoare din domeniul specific căruia îi aparține cookie-ul. În mod implicit, un cookie aparține paginii care setează cookie-ul.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "

//creați un cookie cu un domeniu către pagina curentă și calea către întregul domeniu.

JavaScript obține Cookie

Puteți accesa cookie-ul astfel, care va returna toate cookie-urile salvate pentru domeniul curent.

var x =  document.cookie

JavaScript Ștergere cookie

Pentru a șterge un cookie, trebuie doar să setați valoarea cookie-ului să se golească și să setați valoarea expirărilor la o dată trecută.

document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"

Încercați singur acest exemplu

Instrucțiuni speciale pentru ca codul să funcționeze... Apăsați butonul de alergare de două ori

<html>
<head>
	<title>Cookie!!!</title>
	<script type="text/javascript">
		function createCookie(cookieName,cookieValue,daysToExpire)
        {
          var date = new Date();
          date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
          document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
        }
		function accessCookie(cookieName)
        {
          var name = cookieName + "=";
          var allCookieArray = document.cookie.split(';');
          for(var i=0; i<allCookieArray.length; i++)
          {
            var temp = allCookieArray[i].trim();
            if (temp.indexOf(name)==0)
            return temp.substring(name.length,temp.length);
       	  }
        	return "";
        }
		function checkCookie()
        {
          var user = accessCookie("testCookie");
          if (user!="")
        	alert("Welcome Back " + user + "!!!");
          else
          {
            user = prompt("Please enter your name");
            num = prompt("How many days you want to store your name on your computer?");
            if (user!="" && user!=null)
            {
            createCookie("testCookie", user, num);
            }
          }
        }
	</script>
</head>
<body onload="checkCookie()"></body>
</html>