API przechowywania danych w sieci Web
Web Storage API to prosta składnia do przechowywania i pobierania danych w przeglądarce. Jest bardzo łatwy w użyciu:
Przykład
localStorage.setItem("name", "John Doe");
localStorage.getItem("name");
Web Storage API jest obsługiwany we wszystkich przeglądarkach:
Chrome | IE/Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
Lokalny obiekt magazynowy
Obiekt localStorage zapewnia dostęp do lokalnego magazynu dla określonej witryny sieci Web. Umożliwia przechowywanie, odczytywanie, dodawanie, modyfikowanie i usuwanie elementów danych dla tej domeny.
Dane są przechowywane bez daty ważności i nie zostaną usunięte po zamknięciu przeglądarki.
Dane będą dostępne dla dni, tygodni i lat.
Metoda setItem()
Metoda localStorage.setItem() przechowuje element danych w magazynie.
Jako parametry przyjmuje nazwę i wartość:
Przykład
localStorage.setItem("name", "John Doe");
Metoda getItem()
Metoda localStorage.getItem() pobiera element danych z pamięci.
Jako parametr przyjmuje nazwę:
Przykład
localStorage.getItem("name");
Obiekt sessionStorage
Obiekt sessionStorage jest identyczny z obiektem localStorage.
Różnica polega na tym, że obiekt sessionStorage przechowuje dane dla jednej sesji.
Dane są usuwane po zamknięciu przeglądarki.
Przykład
sessionStorage.getItem("name");
Metoda setItem()
Metoda sessionStorage.setItem() przechowuje element danych w magazynie.
Jako parametry przyjmuje nazwę i wartość:
Przykład
sessionStorage.setItem("name", "John Doe");
Metoda getItem()
Metoda sessionStorage.getItem() pobiera element danych z pamięci.
Jako parametr przyjmuje nazwę:
Przykład
sessionStorage.getItem("name");
Właściwości i metody obiektów pamięci masowej
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 |
Powiązane strony dla 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 |