Javascript เก็บค่าลง localStorage กับ SessionStorage ต่างกันอย่างไร  สร้างคำถาม

 47 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 26/12/2017

Java Script ทั้ง localStorage กับ sessionStorage นั้นมีหน้าที่เดียวกัน
คือเป็นที่พักข้อมูลเพื่อเรียกใช้ในจุดต่างๆ ในรูปแบบ key , value
โดย localStorage กับ sessionStorage มีความแตกต่างกันที่ scope ดังนี้
localStorage Scope
- localStorage ถูกจัดเก็บอยู่ตลอดตั้งแต่เราเปิด browser จนปิด ลงไป
- localStorage สามารถเข้าถึงข้อมูลที่เก็บไว้ได้ในทุกหน้าต่าง ทุก tab ที่เปิดจาก browser ณ ตอนนั้น
ภายใต้ same origin (domain เดียวกัน)
- localStorage จะหายไปเมื่อเราปิด browser
sessionStorage Scope
- sessionStorage ถูกจัดเก็บเฉพาะใน tab หรือ หน้าต่างที่เปิดเท่านั้น
- sessionStorage จะเข้าถึงข้อมูลได้ภายใน tab ที่ create มันขึ้นมา
- sessionStorage จะหายไปเมื่อเราปิด tab นั้นๆ
- sessionStorage ไม่สามารถเรียกใช้งานข้อมูลข้าม tab ได้
ข้อควรระวังอีกเรื่องในการตั้งชื่อ key จะต้องไม่ซ้ำกันทั้งใน localStorage และ sessionStorage

ตัวอย่างการ ใส่ข้อมูล JSON ลงใน localStorage

//Storing data:
myObj = { "name":"John", "age":31, "city":"New York" };
myJSON = JSON.stringify(myObj);
localStorage.setItem("testJSON", myJSON);

//Retrieving data:
text = localStorage.getItem("testJSON");
obj = JSON.parse(text);
alert(obj.age);



ถ้าชอบบทความนี้ กด Like เลย :Javascript เก็บค่าลง localStorage กับ SessionStorage ต่างกันอย่างไร
TAGS : Javascript   Programming   โปรแกรมมิ่ง   JSON  
 47 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 26/12/2017



SOA,Java,XSLT

 ร่วมแสดงความคิดเห็นได้ที่นี่




× แจ้งเตือน! เราสนับสนุนทุกความคิดเห็น ที่ ใช้ถ้อยคำสุภาพ ไม่ละเมิดผู้อื่น ไม่ก่อให้เกิดความขัดแย้ง

เนื้อหาที่เกี่ยวช้อง

  JSONP ดึงข้อมูล JSON ข้าม domain ง่ายๆ แบบ dynamic ถามเมื่อ (2017-12-27)   49 views  (ดูล่าสุดเมื่อ 4 วินาที!!)

  Java script object example พร้อมตัวอย่างการใช้งาน ถามเมื่อ (2017-12-26)   44 views  (ดูล่าสุดเมื่อ 13 วินาที!!)

  jQuery กำหนดให้รอ response จาก AJAX ด้วย option async ถามเมื่อ (2017-08-21)   158 views  (ดูล่าสุดเมื่อ 1 นาที)

  JSON ย่อมาจาก JavaScript Object Notation ความหมายคือ ถามเมื่อ (2017-12-26)   49 views  (ดูล่าสุดเมื่อ 6 นาที)

  แจก Code jQuery วิธีการจัดการกับ checkbox ถามเมื่อ (2017-06-15)   175 views  (ดูล่าสุดเมื่อ 7 นาที)

  แจก Code jQuery วิธีกำหนดค่า checked ให้กับ radio หรือ select box ถามเมื่อ (2017-06-15)   179 views  (ดูล่าสุดเมื่อ 11 นาที)

  ภาษา php ทำอะไรได้บ้าง นอกจากใช้ทำเว็บ ถามเมื่อ (2013-04-23)   1,393 views  (ดูล่าสุดเมื่อ 16 นาที)

  ขอตัวอย่าง Hibernate get Sequenc Oracle โดยไม่ต้อง Mapping ครับ ถามเมื่อ (2013-07-04)   1,506 views  (ดูล่าสุดเมื่อ 17 นาที)

  โครงสร้างภาษา html อยากรู้ัว่ามี โครงสร้างหลักๆ อะไรบ้าง ถามเมื่อ (2012-07-24)   1,428 views  (ดูล่าสุดเมื่อ 64 นาที)

  PLSQL วิธี Print Error Code และ Error Message ถามเมื่อ (2017-03-03)   1,658 views  (ดูล่าสุดเมื่อ 78 นาที)


 

บ้านเดียวกันดอทคอม เว็บถามตอบ รวมทุกเรื่องที่คุณอยากรู้ ให้ความรู้ ความบันเทิง มีสาระ
www.ban1gun.com