Küpsised sisse JavaSkript: Määra, hanki ja kustuta näide

Mis on präänikud?

Küpsis on andmete osa, mis salvestatakse teie arvutisse ja millele teie brauser pääseb juurde. Samuti võisite teadlikult või teadmata nautida küpsiste eeliseid. Kas olete kunagi salvestanud oma Facebooki parooli nii, et te ei peaks seda iga kord sisselogimisel sisestama? Kui jah, siis kasutate küpsiseid. Küpsised salvestatakse võtme/väärtuse paaridena.

Miks sa küpsist vajad?

Suhtlus a veebibrauseri ja server kasutab olekuta protokolli nimega HTTP. Kodakondsuseta protokoll käsitleb iga taotlust sõltumatuna. Seega ei säilita server andmeid pärast nende brauserisse saatmist. Kuid paljudes olukordades nõutakse andmeid uuesti. Siin tulevad küpsised pildile. Küpsiste puhul ei pea veebibrauser serveriga suhtlema iga kord, kui andmeid nõutakse. Selle asemel saab selle otse arvutist alla laadida.

Javascript Määra küpsis

Dokumendi abil saate luua küpsiseid. küpsise omadus nagu see.

document.cookie = "cookiename=cookievalue"

Saate oma küpsisele isegi lisada aegumiskuupäeva, nii et konkreetne küpsis eemaldatakse arvutist määratud kuupäeval. Aegumiskuupäev tuleks määrata UTC/GMT vormingus. Kui te aegumiskuupäeva ei määra, kustutatakse küpsis, kui kasutaja brauseri sulgeb.

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

Samuti saate määrata domeeni ja tee, et määrata, millisesse domeeni ja millistesse konkreetse domeeni kataloogidesse küpsis kuulub. Vaikimisi kuulub küpsis sellele lehele, mis küpsise määrab.

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

//loo küpsise domeeniga praegusele lehele ja tee kogu domeenile.

JavaSkript hanki küpsis

Küpsisele pääsete juurde nii, mis tagastab kõik praeguse domeeni jaoks salvestatud küpsised.

var x =  document.cookie

JavaSkripti kustutamine küpsis

Küpsise kustutamiseks peate lihtsalt määrama küpsise väärtuse tühjaks ja määrama aegumise väärtuseks möödunud kuupäeva.

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

Proovige seda näidet ise

Spetsiaalsed juhised koodi toimimiseks … Vajutage kaks korda käitamisnuppu

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