Web Storage API

Ang Web Storage API ay isang simpleng syntax na ginamit sa pag-iimbak at pagkuha ng datos sa browser. Ito ay napakadaling gamitin:

Sample

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

Subukan nang sarili

Lahat ng mga browser ay sumusuporta sa Web Storage API:

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
Suporta Suporta Suporta Suporta Suporta

Local Storage objekto

Ang localStorage objekto ay nagbibigay ng pag-access sa lokal na storage ng partikular na websayt. Ito ay nagbibigay ng kapangyarihan sa iyo na iimbak, basahin, idagdag, i-edit at ihatid ang datos ng domain.

Ang datos na inilagay sa storage ay walang petsa ng pagtatapos at hindi mawawala kapag ang browser ay nagsasara.

Ang datos na ito ay magiging makukuha sa loob ng ilang araw, linggo at taon.

setItem() na gamit

Ang setItem() na gamit ng localStorage ay nag-iimbak ng datos sa storage.

Ito ay tumatanggap ng isang pangalan at isang halaga bilang parameter:

Sample

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

getItem() na gamit

Ang getItem() na gamit ng localStorage ay nangangalaga ng pagkuha ng datos sa storage (storage).

Ito ay tumatanggap ng isang pangalan bilang parameter:

Sample

localStorage.getItem("name");

SessionStorage objekto

Ang sessionStorage objekto ay katulad ng localStorage objekto.

Ang pagkakaiba nito ay ang sessionStorage objekto ay nag-iimbak ng datos ng session.

Ang datos ay mawawala kapag ang browser ay nagsasara.

Sample

sessionStorage.getItem("name");

Subukan nang sarili

setItem() na gamit

Ang setItem() na gamit ng sessionStorage ay nag-iimbak ng datos sa storage (storage).

Ito ay tumatanggap ng isang pangalan at isang halaga bilang parameter:

Sample

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

getItem() na gamit

Ang getItem() na gamit ng sessionStorage ay nangangalaga ng pagkuha ng datos sa storage (storage).

Ito ay tumatanggap ng isang pangalan bilang parameter:

Sample

sessionStorage.getItem("name");

Atributo at Gamit ng Storage Objekto

Atributo/Gamit Description
key(n) Bilang may hawak ang pangalan ng ika-nang key sa storage.
length Return the number of data items stored in the Storage object.
getItem(keyname) Return the value specified by the key name.
setItem(keyname, value) Add the key to storage, or update the value of the key if it already exists.
removeItem(keyname) Remove the key from storage.
clear() Clear all keys.

Pages related to Web Storage API

Attribute Description
window.localStorage Allow saving key/value pairs in the Web browser. Store data without an expiration date.
window.sessionStorage Allow saving key/value pairs in the Web browser. Store session data.