คุกกี้เข้า Javaสคริปต์: ตัวอย่างการตั้งค่า รับ และลบ
คุกกี้คืออะไร
คุกกี้คือข้อมูลชิ้นหนึ่งที่จัดเก็บไว้ในคอมพิวเตอร์ของคุณเพื่อให้เบราว์เซอร์ของคุณเข้าถึงได้ คุณอาจได้รับประโยชน์จากคุกกี้โดยรู้ตัวหรือไม่รู้ตัวก็ได้ คุณเคยบันทึกรหัสผ่าน Facebook ไว้เพื่อไม่ต้องพิมพ์ทุกครั้งที่พยายามเข้าสู่ระบบหรือไม่ หากใช่ แสดงว่าคุณใช้คุกกี้ คุกกี้จะถูกบันทึกเป็นคู่คีย์/ค่า
ทำไมคุณถึงต้องการคุกกี้?
การสื่อสารระหว่างก เว็บเบราเซอร์ และเซิร์ฟเวอร์เกิดขึ้นโดยใช้โปรโตคอลไร้สัญชาติชื่อ HTTP โปรโตคอลไร้สัญชาติจะปฏิบัติต่อคำขอแต่ละรายการอย่างเป็นอิสระ ดังนั้นเซิร์ฟเวอร์จะไม่เก็บข้อมูลหลังจากส่งไปยังเบราว์เซอร์ แต่ในหลาย ๆ สถานการณ์กลับจำเป็นต้องใช้ข้อมูลอีกครั้ง มาที่นี่คุกกี้เป็นภาพ ด้วยคุกกี้ เว็บเบราว์เซอร์จะไม่ต้องสื่อสารกับเซิร์ฟเวอร์ทุกครั้งที่ต้องการข้อมูล แต่สามารถดึงข้อมูลจากคอมพิวเตอร์ได้โดยตรงแทน
Javascript ตั้งค่าคุกกี้
คุณสามารถสร้างคุกกี้โดยใช้เอกสาร คุณสมบัติคุกกี้เช่นนี้
document.cookie = "cookiename=cookievalue"
คุณสามารถเพิ่มวันหมดอายุให้กับคุกกี้ของคุณเพื่อที่คุกกี้นั้นจะถูกลบออกจากคอมพิวเตอร์ตามวันที่ที่ระบุ วันหมดอายุควรกำหนดในรูปแบบ UTC/GMT หากคุณไม่ได้กำหนดวันหมดอายุ คุกกี้จะถูกลบออกเมื่อผู้ใช้ปิดเบราว์เซอร์
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"
คุณยังสามารถตั้งค่าโดเมนและเส้นทางเพื่อระบุโดเมนและไดเร็กทอรีใดในโดเมนเฉพาะที่เป็นคุกกี้ได้ ตามค่าเริ่มต้น คุกกี้จะอยู่ในหน้าที่ตั้งค่าคุกกี้
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "
//สร้างคุกกี้ที่มีโดเมนไปยังหน้าปัจจุบันและเส้นทางไปยังทั้งโดเมน
Javaสคริปต์รับคุกกี้
คุณสามารถเข้าถึงคุกกี้ในลักษณะนี้ ซึ่งจะส่งคืนคุกกี้ทั้งหมดที่บันทึกไว้สำหรับโดเมนปัจจุบัน
var x = document.cookie
Javaสคริปต์ลบคุกกี้
หากต้องการลบคุกกี้ คุณเพียงแค่ต้องตั้งค่าของคุกกี้ให้ว่างและตั้งค่าหมดอายุเป็นวันที่ที่ผ่านไป
document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"
ลองตัวอย่างนี้ด้วยตัวคุณเอง
คำแนะนำพิเศษเพื่อให้โค้ดใช้งานได้ … กดปุ่ม Run สองครั้ง
<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>