Koekjes erin JavaScript: Voorbeeld instellen, ophalen en verwijderen

Wat zijn cookies?

Een cookie is een stukje data dat op uw computer wordt opgeslagen en door uw browser kan worden geopend. U hebt misschien ook bewust of onbewust van de voordelen van cookies genoten. Hebt u ooit uw Facebook-wachtwoord opgeslagen, zodat u het niet elke keer hoeft in te typen als u probeert in te loggen? Als dat zo is, gebruikt u cookies. Cookies worden opgeslagen als sleutel/waardeparen.

Waarom heb je een cookie nodig?

De communicatie tussen een web browser en de server gebeurt met behulp van een staatloos protocol met de naam HTTP. Het staatloze protocol behandelt elk verzoek onafhankelijk. De server bewaart de gegevens dus niet nadat deze naar de browser zijn verzonden. Maar in veel situaties zullen de gegevens opnieuw nodig zijn. Hier komen koekjes in beeld. Met cookies hoeft de webbrowser niet elke keer dat de gegevens nodig zijn, met de server te communiceren. In plaats daarvan kan het rechtstreeks van de computer worden opgehaald.

Javascript Cookie instellen

U kunt cookies aanmaken via document. cookie-eigenschap zoals deze.

document.cookie = "cookiename=cookievalue"

U kunt zelfs een vervaldatum aan uw cookie toevoegen, zodat de betreffende cookie op de aangegeven datum van de computer wordt verwijderd. De vervaldatum moet worden ingesteld in het UTC/GMT-formaat. Als u de vervaldatum niet instelt, wordt de cookie verwijderd zodra de gebruiker de browser sluit.

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

U kunt ook het domein en het pad instellen om aan te geven tot welk domein en tot welke mappen in het specifieke domein de cookie behoort. Standaard hoort een cookie bij de pagina die de cookie instelt.

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

//maak een cookie aan met een domein naar de huidige pagina en een pad naar het hele domein.

JavaScript krijgt Cookie

U kunt op deze manier toegang krijgen tot de cookie, die alle cookies retourneert die zijn opgeslagen voor het huidige domein.

var x =  document.cookie

JavaScript Cookie verwijderen

Om een ​​cookie te verwijderen, hoeft u alleen maar de waarde van de cookie in te stellen op leegmaken en de waarde van vervalt in te stellen op een verstreken datum.

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

Probeer dit voorbeeld zelf

Speciale instructies om de code te laten werken … Druk twee keer op de run-knop

<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>