คุกกี้คืออะไร?
คุกกี้เป็นตัวแปรที่เก็บไว้ในคอมพิวเตอร์ เมื่อใดก็ตามที่คอมพิวเตอร์ใบเดียวกันร้องขอหน้าผ่านเบราว์เซอร์คุกกี้นี้จะถูกส่งไป คุณสามารถใช้ JavaScript เพื่อสร้างและดึงค่าของคุกกี้
สถานการณ์การใช้คุกกี้:
ชื่อคุกกี้
เมื่อผู้เข้าชมเข้าเยี่ยมชมหน้าเป็นครั้งแรกเขาหรือเธออาจกรอกชื่อของเขา/พวกเขา ชื่อจะถูกเก็บไว้ในคุกกี้ เมื่อผู้เยี่ยมชมเยี่ยมชมเว็บไซต์อีกครั้งพวกเขาจะได้รับคำต้อนรับคล้ายกับ "ยินดีต้อนรับ John Doe!" ชื่อถูกนำกลับมาจากคุกกี้
คุกกี้เคเบิล
เมื่อผู้เข้าชมเข้าชมหน้าเป็นครั้งแรกเขาหรือเธออาจกรอกรหัสผ่านของเขา/พวกเขา รหัสผ่านยังสามารถเก็บไว้ในคุกกี้ เมื่อพวกเขาเยี่ยมชมเว็บไซต์อีกครั้งรหัสผ่านจะถูกนำกลับจากคุกกี้
คุกกี้วันที่
เมื่อผู้เข้าชมเข้าชมเว็บไซต์ของคุณเป็นครั้งแรกวันที่ปัจจุบันสามารถเก็บไว้ในคุกกี้ เมื่อพวกเขาเยี่ยมชมเว็บไซต์อีกครั้งพวกเขาจะได้รับข้อความเช่นนี้: "การเยี่ยมชมครั้งสุดท้ายของคุณคือวันอังคารที่ 11 สิงหาคม 2548!" วันที่ถูกนำกลับมาจากคุกกี้
สร้างและจัดเก็บคุกกี้
ในตัวอย่างนี้เราต้องการสร้างคุกกี้ที่เก็บชื่อของผู้เข้าชม เมื่อผู้เข้าชมเยี่ยมชมเว็บไซต์เป็นครั้งแรกพวกเขาถูกขอให้กรอกชื่อของพวกเขา ชื่อจะถูกเก็บไว้ในคุกกี้ เมื่อผู้เข้าชมเยี่ยมชมเว็บไซต์อีกครั้งพวกเขาจะได้รับคำต้อนรับ
ก่อนอื่นเราจะสร้างฟังก์ชั่นที่สามารถจัดเก็บชื่อผู้สัมภาษณ์ในตัวแปรคุกกี้:
การสร้างคุกกี้คือการต่อสู้กับสตริงจริง ๆ :
"ชื่อผู้ใช้ = Amosli; Expires = Mon, 16 Dec 2013 16:20:04 GMT"
จากนั้น document.cookie = สตริงด้านบน
คัดลอกรหัสรหัสดังนี้:
ฟังก์ชั่น setCookie (c_name, ค่า, Expiredays)
-
var expondate = วันที่ใหม่ ()
exdate.setDate (exdate.getDate ()+Expiredays)
document.cookie = c_name+ "="+ escape (value)+
((หมดอายุ == null)? ":": ";; expires ="+exdate.togmtring ())
-
พารามิเตอร์ในฟังก์ชั่นด้านบนมีชื่อค่าและจำนวนวันของคุกกี้
ในฟังก์ชั่นข้างต้นเราจะแปลงจำนวนวันก่อนด้วยวันที่ที่ถูกต้องจากนั้นเราจัดเก็บชื่อคุกกี้ค่าและวันหมดอายุของมันลงในเอกสารวัตถุ Cookie
หลังจากนั้นเราต้องการสร้างฟังก์ชั่นอื่นเพื่อตรวจสอบว่ามีการตั้งค่าคุกกี้หรือไม่:
แกนกลางของ getCookie () คือเอกสาร. Cookie
คัดลอกรหัสรหัสดังนี้:
ฟังก์ชั่น getCookie (c_name)
-
if (document.cookie.length> 0)
-
c_start = document.cookie.indexof (c_name + "=")
-
คุกกี้เป็นชุดของสตริง: "ชื่อผู้ใช้ = Amosli; AspsessionIdQaadbdd = Ggijnhcdkggnfegjiifdnion; 65; __utmc = 119627022; .2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2. .2.2.2.2.UTMCSR |
-
if (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)))
-
-
กลับ "" ""
-
ฟังก์ชั่นข้างต้นจะตรวจสอบก่อนว่ามีคุกกี้ในเอกสารหรือไม่ หาก document.cookie วัตถุมีคุกกี้บางอย่างมันจะยังคงตรวจสอบว่าคุกกี้ที่ระบุของเราได้รับการจัดเก็บหรือไม่ หากเราพบคุกกี้ที่เราต้องการให้ส่งคืนค่ามิฉะนั้นสตริงว่างจะถูกส่งคืน
ในที่สุดเราต้องการสร้างฟังก์ชั่น
คัดลอกรหัสรหัสดังนี้:
checkcookie ()
-
username = getCookie ('ชื่อผู้ใช้')
ถ้า (ชื่อผู้ใช้! = null && ชื่อผู้ใช้! = "")
{Alert ('welcom อีกครั้ง'+ชื่อผู้ใช้+'!')}
อื่น
-
ชื่อผู้ใช้ = พรอมต์ ('โปรดป้อนชื่อของคุณ:', "")
ถ้า (ชื่อผู้ใช้! = null && ชื่อผู้ใช้! = "")
-
SetCookie ('ชื่อผู้ใช้' ชื่อผู้ใช้ 365)
-
-
-
นี่คือรหัสทั้งหมด:
คัดลอกรหัสรหัสดังนี้:
<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 expondate = วันที่ใหม่ ()
exdate.setDate (exdate.getDate ()+Expiredays)
document.cookie = c_name+ "="+ escape (value)+
((หมดอายุ == null)? ":": ";; expires ="+exdate.togmtring ())
-
checkcookie ()
-
username = getCookie ('ชื่อผู้ใช้')
ถ้า (ชื่อผู้ใช้! = null && ชื่อผู้ใช้! = "")
{Alert ('welcom อีกครั้ง'+ชื่อผู้ใช้+'!')}
อื่น
-
ชื่อผู้ใช้ = พรอมต์ ('โปรดป้อนชื่อของคุณ:', "")
ถ้า (ชื่อผู้ใช้! = null && ชื่อผู้ใช้! = "")
-
SetCookie ('ชื่อผู้ใช้' ชื่อผู้ใช้ 365)
-
-
-
</script>
</head>
<body only = "checkcookie ()">
</body>
</html>