Sütik be JavaSzkript: Set, Get & Delete Példa
James Hartman
Mik azok a sütik?
A cookie egy olyan adat, amely az Ön számítógépén tárolódik, és amelyhez a böngészője hozzáfér. Ön is élvezhette a cookie-k előnyeit tudatosan vagy tudatlanul. Mentetted már el a Facebook jelszavadat, hogy ne kelljen minden alkalommal beírnod, amikor megpróbálsz bejelentkezni? Ha igen, akkor sütiket használ. A cookie-k kulcs/érték párokként kerülnek mentésre.
Miért van szüksége sütire?
A kommunikáció a webböngésző és a szerver egy HTTP nevű állapot nélküli protokoll használatával történik. Az állapot nélküli protokoll minden kérést függetlenül kezel. Tehát a szerver nem tartja meg az adatokat, miután elküldte azokat a böngészőnek. De sok esetben ismét szükség lesz az adatokra. Itt jönnek a sütik a képbe. A cookie-k használatával a webböngészőnek nem kell minden alkalommal kommunikálnia a szerverrel, amikor adatra van szükség. Ehelyett közvetlenül lekérhető a számítógépről.
Javascript Cookie beállítása
A dokumentum használatával sütiket hozhat létre. ehhez hasonló cookie tulajdonság.
document.cookie = "cookiename=cookievalue"
Akár lejárati dátumot is megadhat a cookie-hoz, így az adott cookie a megadott napon eltávolítható a számítógépről. A lejárati dátumot UTC/GMT formátumban kell beállítani. Ha nem állítja be a lejárati dátumot, a cookie törlődik, amikor a felhasználó bezárja a böngészőt.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"
A tartomány és az elérési út beállításával megadhatja, hogy a cookie melyik tartományhoz és az adott tartomány mely könyvtáraihoz tartozik. Alapértelmezés szerint a cookie a cookie-t beállító oldalhoz tartozik.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "
//cookie létrehozása az aktuális oldal domainjével és a teljes domain elérési útjával.
JavaScript get Cookie
A cookie-t így érheti el, amely az aktuális domainhez mentett összes cookie-t visszaküldi.
var x = document.cookie
JavaSzkript törlése cookie
Egy cookie törléséhez csak be kell állítania a cookie értékét üresre, és az expires értékét egy eltelt dátumra kell állítania.
document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"
Próbálja ki Ön is ezt a példát
Speciális utasítások a kód működéséhez … Nyomja meg kétszer a futtatás gombot
<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>
