Cookies के द्वारा उपयोगकर्ता की Information Store की जाती है. सामान्य रूप से जब उपयोगकर्ता किसी Website को Visit करता है तो Web Server के Pass उसकी कोई Information नहीं होती है. लेकिन Cookies के द्वारा किसी भी उपयोगकर्ता की Information Store करना संभव है.
Cookie एक Normal Text File होती है. जब भी कोई उपयोगकर्ता किसी Website को Visit करता है तो उसकी Information Cookies Text File के रूप मे Store कर ली जाती है. यह Information उपयोगकर्ता के Computer मे ही Store की जाती है. भविष्य मे जब भी उपयोगकर्ता वापस उस Website के लिए Request करता है तो उपयोगकर्ता की Request के साथ उस उपयोगकर्ता की Cookie भी Webserver को भेजी जाती है.
इस प्रकार Web Server को उस उपयोगकर्ता की Information प्राप्त हो जाती है. इस Information के आधार पर Webserver को उस उपयोगकर्ता की Preferences के बारे में पता रहता है. साथ ही इस Information के आधार पर Web Server Web Pages मे जरुरी Change भी कर सकता है.
JavaScript उपयोगकर्ता को Cookies बनाने और पढ़ना और परिवर्तन करने और डिलीट करने की क्षमता प्रदान करती है. हालांकि इस काम के लिए JavaScript मे डॉक्यूमेंट में कुकी प्रॉपर्टी उपलब्ध होती है.
JavaScript मे Cookies Create करने का सामान्य Syntax आप नीचे देख सकते है.
document.cookie = "name=value; expiry-date; path";
Name Value - आप जब भी Cookie मे कोई Information Store करते है तो ऐसा आप Name और Value के Pair मे करते है. उदाहरण के लिए यदि आप उपयोगकर्ता की ID Store करना चाहते है तो इसके लिए आप Id=101 को Define करेंगे.
Expiry Date - जावास्क्रिप्ट के द्वारा आप Cookies की Expiry Data को भी Set कर सकते है. एक कुकी को हटाने के लिए आपको बस कुकी की Value को खाली करने की आवश्यकता होती है और समय सीमा समाप्त होने की तिथि निर्धारित करने के लिए..
Path - कुकी को सेट करने वाली निर्देशिका या वेब पेज का Path है. यदि आप किसी भी निर्देशिका या पृष्ठ से कुकी को पुनः प्राप्त करना चाहते हैं तो यह रिक्त हो सकता है.
Document.cookie को Object के लिये एक String Value को नियुक्त करके सबसे आसान Cookie बना सकते है.
<!DOCTYPE html>
<html>
<head>
<title>Storing Cookies Example</title>
<script type="text/javascript">
<!--
function WriteCookie()
{
if( document.myform.customer.value == "" ){
alert("Enter some value!");
return;
}
cookievalue= escape(document.myform.customer.value) + ";";
document.cookie="name=" + cookievalue;
document.write ("Setting Cookies : " + "name=" + cookievalue );
}
//-->
</script>
</head>
<body>
<form name="myform" action="">
Enter name: <input type="text" name="customer"/>
<input type="button" value="Set Cookie" onclick="WriteCookie();"/>
</form>
</body>
</html>
कुकी पढ़ना केवल एक लिखने के रूप में सरल है क्योंकि डॉक्यूमेंट की वैल्यू है. कुकी ऑब्जेक्ट कुकी होती है. इसलिए जब भी आप कुकी एक्सेस करना चाहते हैं तो आप इस स्ट्रिंग का उपयोग कर सकते हैं। Document.cookie string नाम की एक सूची रखेगा = semicolons द्वारा अलग किए गए मूल्य जोड़े जहां नाम कुकी का नाम है और वैल्यू इसकी स्ट्रिंग वैल्यू है.
<!DOCTYPE html>
<html>
<head>
<title>Reading Cookies Example</title>
<script type="text/javascript">
<!--
function ReadCookie()
{
var allcookies = document.cookie;
document.write ("All Cookies : " + allcookies );
// Get all the cookies pairs in an array
cookiearray = allcookies.split(';');
// Now take key value pair out of this array
for(var i=0; i<cookiearray.length; i++){
name = cookiearray[i].split('=')[0];
value = cookiearray[i].split('=')[1];
document.write ("Key is : " + name + " and Value is : "+value);
}
}
//-->
</script>
</head>
<body>
<form name="myform" action="">
<input type="button" value="Get Cookie" onclick="ReadCookie()"/>
</form>
</body>
</html>
आप कभी कभी जब एक कुकी को डिलीट करना चाहेंगे ताकि बाद में कुकी वापस पढ़ने के प्रयास से कुछ भी न हो. ऐसा करने के लिए, आपको बस एक समय में समाप्ति की तारीख निर्धारित करनी होगी.
<!DOCTYPE html>
<html>
<head>
<title>Deleting Cookies Example</title>
<script type="text/javascript">
<!--
function WriteCookie()
{
var now = new Date();
now.setMonth( now.getMonth() - 1 );
cookievalue = escape(document.myform.customer.value) + ";"
document.cookie="name=" + cookievalue;
document.cookie = "expires=" + now.toUTCString() + ";"
document.write("Setting Cookies : " + "name=" + cookievalue );
}
//-->
</script>
</head>
<body>
<form name="myform" action="">
Enter name: <input type="text" name="customer"/>
<input type="button" value="Set Cookie" onclick="WriteCookie()"/>
</form>
</body>
</html>