Web Storage API
Web Storage API je jednoduchá syntaxe pro ukládání a načítání dat v prohlížeči. Použití je velmi snadné:
Příklad
localStorage.setItem("name", "John Doe");
localStorage.getItem("name");
Web Storage API je podporováno ve všech prohlížečích:
| Chrome | IE/Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Objekt localStorage
Objekt localStorage poskytuje přístup k místnímu úložišti pro konkrétní web. Umožňuje vám ukládat, číst, přidávat, upravovat a odstraňovat datové položky pro danou doménu.
Data jsou uložena bez data vypršení platnosti a po zavření prohlížeče nebudou smazána.
Data budou k dispozici za dny, týdny a roky.
Metoda setItem().
Metoda localStorage.setItem() ukládá datovou položku do úložiště.
Jako parametry bere název a hodnotu:
Příklad
localStorage.setItem("name", "John Doe");
Metoda getItem().
Metoda localStorage.getItem() načte datovou položku z úložiště.
Jako parametr bere jméno:
Příklad
localStorage.getItem("name");
Objekt sessionStorage
Objekt sessionStorage je identický s objektem localStorage.
Rozdíl je v tom, že objekt sessionStorage ukládá data pro jednu relaci.
Data se vymažou při zavření prohlížeče.
Příklad
sessionStorage.getItem("name");
Metoda setItem().
Metoda sessionStorage.setItem() ukládá datovou položku do úložiště.
Jako parametry bere název a hodnotu:
Příklad
sessionStorage.setItem("name", "John Doe");
Metoda getItem().
Metoda sessionStorage.getItem() načte datovou položku z úložiště.
Jako parametr bere jméno:
Příklad
sessionStorage.getItem("name");
Vlastnosti a metody úložiště
| 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 |
Související stránky pro rozhraní Web 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 |