คุกกี้คืออะไร?
คุกกี้เป็นตัวแปรที่เก็บไว้ในคอมพิวเตอร์ของผู้เข้าชม คุกกี้นี้จะถูกส่งเมื่อใดก็ตามที่คอมพิวเตอร์ตัวเดียวกันร้องขอหน้าผ่านเบราว์เซอร์ คุณสามารถใช้ JavaScript เพื่อสร้างและดึงค่าของคุกกี้
ตัวอย่างของคุกกี้:
ชื่อคุกกี้
เมื่อผู้เข้าชมเข้าเยี่ยมชมหน้าเป็นครั้งแรกเขาหรือเธออาจกรอกชื่อของเขา/เธอ ชื่อจะถูกเก็บไว้ในคุกกี้ เมื่อผู้เยี่ยมชมเยี่ยมชมเว็บไซต์อีกครั้งพวกเขาจะได้รับคำพูดต้อนรับเช่น "ยินดีต้อนรับ John Doe!" ชื่อถูกดึงมาจากคุกกี้
คุกกี้รหัสผ่าน
เมื่อผู้เข้าชมเข้าเยี่ยมชมหน้าเป็นครั้งแรกเขาหรือเธออาจกรอกรหัสผ่านของเขา/เธอ รหัสผ่านยังสามารถเก็บไว้ในคุกกี้ เมื่อพวกเขาเยี่ยมชมเว็บไซต์อีกครั้งรหัสผ่านจะถูกดึงมาจากคุกกี้
คุกกี้วันที่
เมื่อผู้เข้าชมเข้าเยี่ยมชมเว็บไซต์ของคุณเป็นครั้งแรกวันที่ปัจจุบันสามารถเก็บไว้ในคุกกี้ เมื่อพวกเขาเยี่ยมชมเว็บไซต์อีกครั้งพวกเขาจะได้รับข้อความเช่นนี้: "การเยี่ยมชมครั้งสุดท้ายของคุณคือวันอังคารที่ 11 สิงหาคม 2548!" วันที่ถูกดึงมาจากคุกกี้
สร้างและจัดเก็บคุกกี้
ในตัวอย่างนี้เราต้องการสร้างคุกกี้ที่เก็บชื่อผู้เข้าชม เมื่อผู้เข้าชมเยี่ยมชมเว็บไซต์ครั้งแรกพวกเขาจะถูกขอให้กรอกชื่อของพวกเขา ชื่อจะถูกเก็บไว้ในคุกกี้ เมื่อผู้เยี่ยมชมเยี่ยมชมเว็บไซต์อีกครั้งพวกเขาจะได้รับข้อความต้อนรับ
ก่อนอื่นเราจะสร้างฟังก์ชั่นที่เก็บชื่อของผู้เข้าชมในตัวแปรคุกกี้:
การคัดลอกรหัสมีดังนี้:
<span style = "ตัวอักษรขนาด: 14px;"> ฟังก์ชั่น setcookie (c_name, ค่า, Expiredays)
-
var exdate = วันที่ใหม่ ()
exdate.setDate (exdate.getDate ()+Expiredays)
document.cookie = c_name+ "="+ escape (value)+
((expiredays == null)? "": "; expires ="+exdate.togmtstring ())
} </span>
พารามิเตอร์ในฟังก์ชั่นด้านบนมีชื่อค่าและจำนวนวันที่หมดอายุของคุกกี้
ในฟังก์ชั่นข้างต้นเราจะแปลงจำนวนวันเป็นวันที่ถูกต้องก่อนจากนั้นเราจะฝากชื่อคุกกี้ค่าและวันหมดอายุของมันลงในเอกสารวัตถุ Cookie
หลังจากนั้นเราต้องการสร้างฟังก์ชั่นอื่นเพื่อตรวจสอบว่ามีการตั้งค่าคุกกี้หรือไม่:
การคัดลอกรหัสมีดังนี้:
<span style = "ตัวอักษรขนาด: 14px;"> ฟังก์ชั่น getCookie (c_name)
-
if (document.cookie.length> 0)
-
c_start = document.cookie.indexof (c_name + "=")
ถ้า (c_start! =-1)
-
c_start = c_start + c_name.length + 1
c_end = document.cookie.indexof (";", c_start)
if (c_end ==-1) c_end = document.cookie.length
ส่งคืน Unsescape (document.cookie.substring (c_start, c_end)))
-
-
กลับ ""
} </span>
ฟังก์ชั่นด้านบนตรวจสอบก่อนว่ามีคุกกี้ในเอกสารวัตถุ Cookie หรือไม่ หาก document.cookie วัตถุมีคุกกี้บางอย่างมันจะยังคงตรวจสอบว่าคุกกี้ที่เราระบุจะถูกเก็บไว้หรือไม่ หากพบคุกกี้ที่เราต้องการค่าจะถูกส่งคืนมิฉะนั้นสตริงว่างจะถูกส่งคืน
ในที่สุดเราต้องการสร้างฟังก์ชั่น ฟังก์ชั่นคือ: หากมีการตั้งค่าคุกกี้คำต้อนรับจะปรากฏขึ้นมิฉะนั้นจะมีการแสดงกล่องพรอมต์เพื่อขอให้ผู้ใช้ป้อนชื่อ
การคัดลอกรหัสมีดังนี้:
<span style = "ตัวอักษรขนาด: 14px;"> ฟังก์ชั่น checkcookie ()
-
username = getCookie ('ชื่อผู้ใช้')
ถ้า (ชื่อผู้ใช้! = null && ชื่อผู้ใช้! = "")
{Alert ('ยินดีต้อนรับอีกครั้ง'+ชื่อผู้ใช้+'!')}
อื่น
-
ชื่อผู้ใช้ = พรอมต์ ('โปรดป้อนชื่อของคุณ:', "")
ถ้า (ชื่อผู้ใช้! = null && ชื่อผู้ใช้! = "")
-
SetCookie ('ชื่อผู้ใช้' ชื่อผู้ใช้ 365)
-
-
} </span>
นี่คือรหัสทั้งหมด:
การคัดลอกรหัสมีดังนี้:
<span style = "ตัวอักษรขนาด: 14px;"> <html>
<head>
<script type = "text/javascript">
ฟังก์ชั่น getCookie (c_name)
-
if (document.cookie.length> 0)
-
c_start = document.cookie.indexof (c_name + "=")
ถ้า (c_start! =-1)
-
c_start = c_start + c_name.length + 1
c_end = document.cookie.indexof (";", c_start)
if (c_end ==-1) c_end = document.cookie.length
ส่งคืน Unsescape (document.cookie.substring (c_start, c_end)))
-
-
กลับ ""
-
ฟังก์ชั่น setCookie (c_name, ค่า, Expiredays)
-
var exdate = วันที่ใหม่ ()
exdate.setDate (exdate.getDate ()+Expiredays)
document.cookie = c_name+ "="+ escape (value)+
((expiredays == null)? "": "; expires ="+exdate.togmtstring ())
-
checkcookie ()
-
username = getCookie ('ชื่อผู้ใช้')
ถ้า (ชื่อผู้ใช้! = null && ชื่อผู้ใช้! = "")
{Alert ('ยินดีต้อนรับอีกครั้ง'+ชื่อผู้ใช้+'!')}
อื่น
-
ชื่อผู้ใช้ = พรอมต์ ('โปรดป้อนชื่อของคุณ:', "")
ถ้า (ชื่อผู้ใช้! = null && ชื่อผู้ใช้! = "")
-
SetCookie ('ชื่อผู้ใช้' ชื่อผู้ใช้ 365)
-
-
-
</script>
</head>
<body onload = "checkcookie ()">
</body>
</html> </span>