Web Storage API

Web Storage API ແມ່ນຄຳສັບທີ່ງາມທີ່ສາມາດກັກກັນ ແລະ ຫາບັນດາຂໍ້ມູນພາຍໃນບັນຊີບັນນາທິການ. ມັນງາມທີ່ສາມາດໃຊ້ງາມກັນ:

ຄວາມລະບຽບ

localStorage.setItem("name", "Bill Gates");
localStorage.getItem("name");

ທ້າທາຍຕົວເອງ

ທຸກບັນຊີບັນນາທິການສາມາດເຂົ້າເຖິງ Web Storage API:

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
ສະຫຼາດ ສະຫຼາດ ສະຫຼາດ ສະຫຼາດ ສະຫຼາດ

localStorage ທາງລະບຽບ

localStorage ທາງລະບຽບສະຫຼາດທີ່ສາມາດເຂົ້າເຖິງການກັກກັນຂໍ້ມູນທີ່ທີ່ພາຍໃນບັນດາເວັບໄຊພາຍໃນຂອງເຂົາ. ມັນສາມາດກັກກັນ, ອ່ານ, ຕື່ມ, ດັດແປງ ແລະ ລຶບບັນດາຂໍ້ມູນຂອງເຂົາ.

ຂໍ້ມູນທີ່ກັກກັນບໍ່ມີສະຖານະຖັກວັນຫຼັງ, ແລະຈະບໍ່ຖືກລຶບເມື່ອການປິດບັນຊີບັນນາທິການ.

ບັນດາຂໍ້ມູນຈະມີຄວາມສາມາດໃນວັນຫຼາຍ, ອາທິດຫຼາຍແລະປີຫຼາຍ.

setItem() ກົນລະບຽບ

localStorage.setItem() ກົນລະບຽບທີ່ສາມາດກັກກັນບັນດາຂໍ້ມູນພາຍໃນ storage.

ມັນຍິນຍອມຍັງຊື່ແລະຄວາມພາຍໃນກົນລະບຽບຄຳສັບນັ້ນ:

ຄວາມລະບຽບ

localStorage.setItem("name", "Bill Gates");

getItem() ກົນລະບຽບ

localStorage.getItem() ກົນລະບຽບຈາກການກັກກັນຂໍ້ມູນ (storage) ທີ່ສາມາດຫາບັນດາຂໍ້ມູນພາຍໃນການກັກກັນ.

ມັນຍິນຍອມຍັງຄຳສັບຂອງຊື່ພາຍໃນກົນລະບຽບຄຳສັບນັ້ນ:

ຄວາມລະບຽບ

localStorage.getItem("name");

sessionStorage ທາງລະບຽບ

sessionStorage ທາງລະບຽບດຽວກັນກັບ localStorage.

ຄວາມແຕກຕ່າງມັນຈະຖືກກັກກັນຂໍ້ມູນຊົ່ວຄາວຂອງ sessionStorage.

ບັນດາຂໍ້ມູນຈະຖືກລຶບມາເມື່ອການປິດບັນຊີບັນນາທິການ.

ຄວາມລະບຽບ

sessionStorage.getItem("name");

ທ້າທາຍຕົວເອງ

setItem() ກົນລະບຽບ

sessionStorage.setItem() ກົນລະບຽບທີ່ສາມາດກັກກັນບັນດາຂໍ້ມູນພາຍໃນການກັກກັນ (storage).

ມັນຍິນຍອມຍັງຊື່ແລະຄວາມພາຍໃນກົນລະບຽບຄຳສັບນັ້ນ:

ຄວາມລະບຽບ

sessionStorage.setItem("name", "Bill Gates");

getItem() ກົນລະບຽບ

sessionStorage.getItem() ກົນລະບຽບຈາກການກັກກັນຂໍ້ມູນ (storage) ທີ່ສາມາດຫາບັນດາຂໍ້ມູນພາຍໃນການກັກກັນ.

ມັນຍິນຍອມຍັງຄຳສັບຂອງຊື່ພາຍໃນກົນລະບຽບຄຳສັບນັ້ນ:

ຄວາມລະບຽບ

sessionStorage.getItem("name");

ທາງລະບຽບ ແລະ ກົນລະບຽບ Storage

ທາງລະບຽບ/ກົນລະບຽບ 描述
key(n) ການຫາຊື່ບັນຊີທີ່ n ຂອງການກັກກັນຂໍ້ມູນ。
length 返回存储在 Storage 对象中的数据项数。
getItem(keyname) 返回指定的键名的值。
setItem(keyname, value) 将键添加到存储中，或者如果键已经存在，则更新该键的值。
removeItem(keyname) 从存储中删除该键。
clear() 清空所有键。

Web Storage API 相关页面

属性 描述
window.localStorage 允许在 Web 浏览器中保存键/值对。存储没有到期日期的数据。
window.sessionStorage 允许在 Web 浏览器中保存键/值对。存储一个会话的数据。