Web Storage เก็บข้อมูลฝั่ง Client side แบบเดียวกับ cookie
Web Storage จะไม่ส่ง HTTP Header เพื่อขอฝั่ง Server จึงทำงานไวกว่า cookie
Web Storage เก็บข้อมูลได้มากกว่า cookie ( 5MB ต่อ 1 โดเมน )
การใช้งาน Web Storage 2 ส่วน
- การเก็บข้อมูลใส่ Local Storage ข้อมูลจะหายไป เมื่อ clear Storage หรือกำหนดเวลาวันหมดอายุ
- การเก็บข้อมูลใส่ Session Storage เมื่อปิดเว็บบราวเซอร์ข้อมูลหายไปหรือกำหนดระยะเวลาวันหมดอายุ
ต้องระวังเผลอลบ หรือ ทำอะไรบางอย่างกับ com เช่น การลบ cookie เคลียร์ค่าต่างๆ อาจทำให้หายไปได้
การใช้ Local Storage
- localStorage.setItem(key, value) เก็บข้อมูลลงใน Local Storage
- localStorage.getItem(key) เรียกใช้ข้อมูล key ของ Local Storage
- localStorage.removeItem(key) ลบข้อมูลที่ key เก็บไว้
- localStorage.clear() ลบข้อมูลทั้งหมดในโดเมน
more medium.com/@hattagornngamsai/มารู้จัก-local-storage-กัน-bc64755dcc56