จัดเก็บเว็บ HTML5
เก็บข้อมูลบนเว็บ HTML5 ดีกว่าการจัดเก็บในท้องถิ่นคุกกี้
HTML5 จัดเก็บเว็บคืออะไร?
ใช้ HTML5 สามารถเรียกดูข้อมูลที่จัดเก็บไว้ในการใช้
ก่อนหน้านี้การจัดเก็บข้อมูลที่ใช้คุกกี้ท้องถิ่น แต่การรักษาความปลอดภัยบนเว็บและการจัดเก็บข้อมูลความต้องการได้อย่างรวดเร็ว. ข้อมูลเหล่านี้จะไม่ถูกเก็บไว้ในเซิร์ฟเวอร์ แต่ข้อมูลเท่านั้นสำหรับข้อมูลที่ร้องขอโดยผู้ใช้ในเว็บไซต์. นอกจากนี้ยังสามารถจัดเก็บข้อมูลจำนวนมากโดยไม่มีผลต่อประสิทธิภาพการทำงานของเว็บไซต์
ข้อมูลที่เป็นคู่คีย์ / ค่าอยู่หน้าเว็บข้อมูลที่ได้รับอนุญาตเท่านั้นที่จะใช้การเข้าถึงเว็บ
สนับสนุนเบราว์เซอร์
Internet Explorer 8 ขึ้นไป, Firefox, Opera, Chrome และ Safari สนับสนุนเว็บสโตร์
หมายเหตุ: Internet Explorer 7 และรุ่นก่อนหน้า IE ไม่สนับสนุนร้านค้าบนเว็บ
localStorage และ sessionStorage
วัตถุที่สองเก็บไว้ในข้อมูลลูกค้าเป็น:
- localStorage - ไม่มีเวลาการจัดเก็บข้อมูลขีด จำกัด
- sessionStorage - การจัดเก็บข้อมูลสำหรับเซสชั่นของ
ก่อนที่จะใช้เก็บข้อมูลบนเว็บตรวจสอบการสนับสนุนเบราว์เซอร์และ localStorage sessionStorage:
วัตถุ localStorage
ไม่มีเวลาวัตถุ localStorage ขีด จำกัด ของการจัดเก็บข้อมูล วันรุ่งขึ้นหลังจากที่สัปดาห์ที่สองหรือปีถัดไปข้อมูลจะยังคงมีอยู่
ตัวอย่าง
ลอง»
ตัวอย่างการวิเคราะห์:
- ใช้คีย์ = "นามสกุล" และ value = "สมิ ธ " สร้างคีย์ localStorage / คู่ค่า
- ที่สำคัญสำหรับการดึง "นามสกุล" ค่าแล้วแทรก id = "ผล" องค์ประกอบใน
เคล็ดลับ: คีย์ / คู่ค่าจะถูกเก็บไว้เป็นสตริงคุณสามารถตามความต้องการของพวกเขาในการแปลงรูปแบบ
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงจำนวนครั้งที่ผู้ใช้คลิกที่ปุ่มเพื่อแปลงค่าสตริงประเภทรหัสดิจิตอล:
ตัวอย่าง
ลอง»
วัตถุ sessionStorage
วิธี sessionStorage สำหรับเซสชั่นสำหรับการจัดเก็บข้อมูล เมื่อผู้ใช้ปิดหน้าต่างเบราว์เซอร์ที่ข้อมูลจะถูกลบ
วิธีการสร้างและการเข้าถึง sessionStorage ::
ตัวอย่าง
ลอง»