คุกกี้ JavaScript - จะสร้างอ่านและลบคุกกี้ได้อย่างไร?



คุกกี้คือข้อมูลที่เก็บไว้ในไฟล์ข้อความขนาดเล็ก ช่วยให้คุณจัดเก็บข้อมูลผู้ใช้ในหน้าเว็บและจดจำรายละเอียดผู้ใช้ในภายหลัง

คุกกี้ช่วยคุณจัดเก็บข้อมูลผู้ใช้ในหน้าเว็บ เป็นวิธีการจดจำและติดตามการตั้งค่าการซื้อค่าคอมมิชชั่นและข้อมูลอื่น ๆ ที่มีประสิทธิภาพที่สุดวิธีหนึ่งเพื่อประสบการณ์ของผู้เยี่ยมชมหรือสถิติไซต์ที่ดีขึ้น ในเรื่องนี้ บทความเกี่ยวกับคุกกี้เราจะเข้าสู่ความลึกของคุกกี้ตามลำดับต่อไปนี้:

คุกกี้คืออะไร?

คุกกี้คือข้อมูลที่เก็บไว้ในไฟล์ข้อความขนาดเล็กในระบบของคุณ เมื่อเว็บเซิร์ฟเวอร์ส่งหน้าเว็บไปยังเบราว์เซอร์การเชื่อมต่อจะปิดลงและเซิร์ฟเวอร์จะลืมทุกอย่างเกี่ยวกับผู้ใช้





คุกกี้ถูกคิดค้นขึ้นเพื่อแก้ปัญหาในการจดจำข้อมูลเกี่ยวกับผู้ใช้ ตัวอย่างเช่น:

  • เมื่อผู้ใช้เข้าชมหน้าเว็บชื่อของเขา / เธอจะถูกเก็บไว้ในคุกกี้



  • ครั้งต่อไปที่ผู้ใช้เข้าชมหน้านี้คุกกี้จะจำชื่อผู้ใช้

จะจดจำข้อมูลของผู้ใช้จากหน้าเว็บทั้งหมด มีข้อมูลเป็นไฟล์ และในรูปของคู่ชื่อ - ค่าที่คั่นด้วยเซมิโคลอนเช่น:

ชื่อผู้ใช้ = Daisy Green

ตอนนี้เรามาดูกันว่าคุกกี้เหล่านี้ทำงานอย่างไร



มันทำงานอย่างไร?

เซิร์ฟเวอร์จะส่งข้อมูลบางส่วนไปยังเบราว์เซอร์ของผู้เยี่ยมชมในรูปแบบของคุกกี้ ตอนนี้เบราว์เซอร์อาจยอมรับคุกกี้ หากเป็นเช่นนั้นระบบจะจัดเก็บเป็นบันทึกข้อความธรรมดาในฮาร์ดไดรฟ์ของผู้เยี่ยมชม

คุกกี้ - คุกกี้จาวาสคริปต์ - edurekaเมื่อผู้เยี่ยมชมมาถึงหน้าอื่นบนไซต์ของคุณเบราว์เซอร์จะส่งคุกกี้เดียวกันไปยังเซิร์ฟเวอร์เพื่อเรียกค้น เมื่อเรียกข้อมูลแล้วเซิร์ฟเวอร์ของคุณจะรู้หรือจำสิ่งที่เก็บไว้ก่อนหน้านี้

คุกกี้ประกอบด้วย 5 ช่องความยาวตัวแปร :

  • หมดอายุ & ลบนี่แสดงวันที่คุกกี้จะหมดอายุ หากว่างเปล่าคุกกี้จะหมดอายุเมื่อผู้เยี่ยมชมออกจากเบราว์เซอร์

  • โดเมน & ลบฟิลด์โดเมนระบุชื่อโดเมนของไซต์ของคุณ

  • เส้นทาง & ลบเป็นเส้นทางไปยังไดเรกทอรีหรือหน้าเว็บที่ตั้งค่าคุกกี้ สามารถเว้นว่างได้หากคุณต้องการดึงคุกกี้จากไดเร็กทอรีหรือเพจใด ๆ

  • ปลอดภัย & ลบหากช่องนี้มีคำว่า 'ปลอดภัย' คุกกี้จะถูกเรียกคืนด้วยเซิร์ฟเวอร์ที่ปลอดภัยเท่านั้น หากฟิลด์นี้ว่างไม่มีข้อ จำกัด ดังกล่าว

  • ชื่อ = ค่า & ลบสิ่งนี้แสดงถึงคุกกี้ที่ถูกตั้งค่าและเรียกดูในรูปแบบของคู่คีย์ - ค่า

ตอนนี้คุณรู้แล้วว่าคุกกี้คืออะไรและทำงานอย่างไรมาดูรายละเอียดของคุกกี้ JavaScript กัน

คุกกี้ JavaScript

ใน JavaScript คุณสามารถจัดการคุกกี้ด้วยคุณสมบัติคุกกี้ของอ็อบเจ็กต์เอกสาร JavaScript สามารถอ่านสร้างแก้ไขและลบคุกกี้ที่ใช้กับหน้าเว็บปัจจุบัน ลองมาดูตัวอย่างและทำความเข้าใจเกี่ยวกับการใช้คุกกี้ใน JavaScript

สร้างคุกกี้

JavaScript สามารถสร้างคุกกี้ด้วยไฟล์ document.cookie ทรัพย์สิน. คุณสามารถสร้างคุกกี้ได้ด้วยวิธีต่อไปนี้:

document.cookie = 'ชื่อผู้ใช้ = Daisy Green'

คุณยังสามารถเพิ่มวันหมดอายุสำหรับคุกกี้ของคุณ โดยค่าเริ่มต้นคุกกี้จะถูกลบเมื่อปิดเบราว์เซอร์:

document.cookie = 'username = Daisy Green หมดอายุ = จันทร์, 26 ส.ค. 2019 12:00:00 UTC'

คุณยังสามารถบอกเบราว์เซอร์ว่าคุกกี้เป็นของเส้นทางใดได้ด้วยความช่วยเหลือของพารามิเตอร์ โดยค่าเริ่มต้นคุกกี้จะอยู่ในหน้าปัจจุบัน

document.cookie = 'username = Daisy Green หมดอายุ = จันทร์, 26 ส.ค. 2019 12:00:00 UTC' path = / '

อ่านคุกกี้

การอ่านคุกกี้นั้นง่ายพอ ๆ กับการเขียนคุกกี้เนื่องจากค่าของ document วัตถุคุกกี้คือคุกกี้ คุณสามารถใช้สตริงนี้ได้ทุกเมื่อที่คุณต้องการเข้าถึงคุกกี้ สตริง document.cookie จะเก็บรายการของคู่ชื่อ = ค่าที่คั่นด้วยอัฒภาคโดยที่ name แสดงถึงชื่อคุกกี้และค่าคือค่าสตริง

สามารถอ่านคุกกี้ JavaScript ได้ด้วยวิธีต่อไปนี้:

var x = document.cookie

ตัวอย่าง: