ဝဘ်သိုလှောင်မှု API
Web Storage API သည် ဘရောက်ဆာအတွင်း ဒေတာသိမ်းဆည်းခြင်းနှင့် ပြန်လည်ရယူခြင်းအတွက် ရိုးရှင်းသော syntax တစ်ခုဖြစ်သည်။ ၎င်းသည်အသုံးပြုရန်အလွန်လွယ်ကူသည်:
ဥပမာ
localStorage.setItem("name", "John Doe");
localStorage.getItem("name");
Web Storage API ကို ဘရောက်ဆာအားလုံးတွင် ပံ့ပိုးထားသည်-
Chrome | IE/Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
localStorage Object
localStorage object သည် သီးခြားဝဘ်ဆိုက်တစ်ခုအတွက် ဒေသဆိုင်ရာ သိုလှောင်မှုသို့ ဝင်ရောက်ခွင့်ပေးသည်။ ၎င်းသည် သင့်အား ထိုဒိုမိန်းအတွက် ဒေတာပစ္စည်းများကို သိမ်းဆည်းခြင်း၊ ဖတ်ခြင်း၊ ထည့်ခြင်း၊ ပြင်ဆင်ခြင်းနှင့် ဖျက်ခြင်းတို့ ပြုလုပ်နိုင်စေပါသည်။
ဒေတာကို သက်တမ်းကုန်ဆုံးရက်မရှိ သိမ်းဆည်းထားပြီး ဘရောက်ဆာကို ပိတ်သည့်အခါ ဖျက်မည်မဟုတ်ပါ။
ဒေတာသည် ရက်များ၊ ရက်သတ္တပတ်များနှင့် နှစ်များအတွက် ရရှိနိုင်ပါသည်။
setItem() နည်းလမ်း
localStorage.setItem() နည်းလမ်းသည် သိုလှောင်မှုတစ်ခုတွင် ဒေတာပစ္စည်းတစ်ခုကို သိမ်းဆည်းထားသည်။
၎င်းသည် parameters များအဖြစ် အမည်နှင့်တန်ဖိုးကို ယူသည်-
ဥပမာ
localStorage.setItem("name", "John Doe");
getItem() နည်းလမ်း
localStorage.getItem() နည်းလမ်းသည် သိုလှောင်မှုမှ အချက်အလက်တစ်ခုကို ထုတ်ယူသည်။
၎င်းသည် parameter အဖြစ်အမည်တစ်ခုယူသည်-
ဥပမာ
localStorage.getItem("name");
sessionStorage Object
sessionStorage object သည် localStorage object နှင့် တူညီပါသည်။
ကွာခြားချက်မှာ sessionStorage object သည် session တစ်ခုအတွက် data များကို သိမ်းဆည်းထားခြင်းဖြစ်သည်။
ဘရောက်ဆာကို ပိတ်လိုက်သောအခါ ဒေတာကို ဖျက်လိုက်သည် ။
ဥပမာ
sessionStorage.getItem("name");
setItem() နည်းလမ်း
sessionStorage.setItem() နည်းလမ်းသည် သိုလှောင်မှုတစ်ခုတွင် ဒေတာအကြောင်းအရာတစ်ခုကို သိမ်းဆည်းထားသည်။
၎င်းသည် parameters များအဖြစ် အမည်နှင့်တန်ဖိုးကို ယူသည်-
ဥပမာ
sessionStorage.setItem("name", "John Doe");
getItem() နည်းလမ်း
sessionStorage.getItem() နည်းလမ်းသည် သိုလှောင်မှုမှ ဒေတာကို ထုတ်ယူသည်။
၎င်းသည် parameter အဖြစ်အမည်တစ်ခုယူသည်-
ဥပမာ
sessionStorage.getItem("name");
Storage Object Properties နှင့် Methods
Property/Method | Description |
---|---|
key(n) | Returns the name of the nth key in the storage |
length | Returns the number of data items stored in the Storage object |
getItem(keyname) | Returns the value of the specified key name |
setItem(keyname, value) | Adds that key to the storage, or update that key's value if it already exists |
removeItem(keyname) | Removes that key from the storage |
clear() | Empty all key out of the storage |
ဝဘ်သိုလှောင်မှု API အတွက် ဆက်စပ်စာမျက်နှာများ
Property | Description |
---|---|
window.localStorage | Allows to save key/value pairs in a web browser. Stores the data with no expiration date |
window.sessionStorage | Allows to save key/value pairs in a web browser. Stores the data for one session |