Cookies i JavaScript: Indstil, hent og slet eksempel
James Hartman
Hvad er cookies?
En cookie er et stykke data, der er gemt på din computer for at blive tilgået af din browser. Du kan også have nydt godt af fordelene ved cookies bevidst eller ubevidst. Har du nogensinde gemt din Facebook-adgangskode, så du ikke behøver at indtaste den hver gang, du prøver at logge ind? Hvis ja, så bruger du cookies. Cookies gemmes som nøgle/værdi-par.
Hvorfor har du brug for en cookie?
Kommunikationen mellem en webbrowser og serveren sker ved hjælp af en statsløs protokol kaldet HTTP. Stateless protokol behandler hver anmodning uafhængig. Så serveren beholder ikke dataene efter at have sendt dem til browseren. Men i mange situationer vil dataene blive påkrævet igen. Her kommer cookies ind i et billede. Med cookies behøver webbrowseren ikke at kommunikere med serveren, hver gang der kræves data. I stedet kan den hentes direkte fra computeren.
Javascript Indstil Cookie
Du kan oprette cookies ved hjælp af dokument. cookie-egenskab som denne.
document.cookie = "cookiename=cookievalue"
Du kan endda tilføje en udløbsdato til din cookie, så den pågældende cookie bliver fjernet fra computeren på den angivne dato. Udløbsdatoen skal indstilles i UTC/GMT-format. Hvis du ikke angiver udløbsdatoen, vil cookien blive fjernet, når brugeren lukker browseren.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"
Du kan også indstille domænet og stien til at angive hvilket domæne og til hvilke mapper i det specifikke domæne, cookien tilhører. Som standard hører en cookie til den side, der sætter cookien.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "
//opret en cookie med et domæne til den aktuelle side og sti til hele domænet.
JavaScript få Cookie
Du kan få adgang til cookien på denne måde, som vil returnere alle de cookies, der er gemt for det aktuelle domæne.
var x = document.cookie
JavaScript Slet cookie
For at slette en cookie skal du blot indstille værdien af cookien til tom og indstille værdien af udløber til en passeret dato.
document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"
Prøv selv dette eksempel
Særlige instruktioner for at få koden til at fungere ... Tryk to gange på run-knappen
<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>
