การใช้คุกกี้เป็นวิธีที่มีประสิทธิภาพสูงสุดในการจดจำและติดตามการตั้งค่า การซื้อ ค่าคอมมิชชัน และข้อมูลอื่นๆ ที่จำเป็นสำหรับประสบการณ์ของผู้เยี่ยมชมหรือสถิติเว็บไซต์ที่ดียิ่งขึ้น
วิธีที่ง่ายที่สุดในการสร้างคุกกี้คือการกำหนดค่าสตริงให้กับอ็อบเจ็กต์ document.cookie ซึ่งมีลักษณะดังนี้
document.cookie = "key1=value1;key2=value2;expires=date";
นี่คือแอตทริบิวต์การหมดอายุหรือไม่ก็ได้ หากคุณระบุวันที่หรือเวลาที่ถูกต้องของแอตทริบิวต์นี้ คุกกี้จะหมดอายุในวันที่หรือเวลาที่กำหนด และหลังจากนั้น ค่าของคุกกี้จะไม่สามารถเข้าถึงได้
หมายเหตุ − ค่าคุกกี้ต้องไม่มีเครื่องหมายอัฒภาค จุลภาค หรือช่องว่าง ด้วยเหตุผลนี้ คุณอาจต้องการใช้ฟังก์ชัน Escape() JavaScript เพื่อเข้ารหัสค่าก่อนที่จะจัดเก็บไว้ในคุกกี้ หากคุณทำเช่นนี้ คุณจะต้องใช้ฟังก์ชัน unescape() ที่สอดคล้องกันเมื่อคุณอ่านค่าคุกกี้
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ มันตั้งชื่อลูกค้าในคุกกี้อินพุต
การสาธิตสด
<html>
<head>
<script>
<!--
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> 