API przechowywania Web

Web Storage API to prosty język do przechowywania i pobierania danych w przeglądarce. Jest bardzo łatwy w użyciu:

Instancja

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

Spróbuj sam!

Wszystkie przeglądarki wspierają Web Storage API:

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
Obsługiwane Obsługiwane Obsługiwane Obsługiwane Obsługiwane

Obiekt localStorage

Obiekt localStorage zapewnia dostęp do lokalnego przechowywania dla konkretnej witryny. Pozwala na zapisywanie, odczytywanie, dodawanie, modyfikowanie i usuwanie danych w tej domenie.

Zapisane dane nie mają daty wygaśnięcia i nie są usuwane, gdy przeglądarka zostanie zamknięta.

Te dane będą dostępne przez kilka dni, tygodni i lat.

Metoda setItem()

Metoda localStorage.setItem() zapisuje dane w storage.

Akceptuje nazwę i wartość jako parametry:

Instancja

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

Metoda getItem()

Metoda localStorage.getItem() pobiera dane z przechowywania (storage).

Akceptuje nazwę jako parametr:

Instancja

localStorage.getItem("name");

Obiekt sessionStorage

Obiekt sessionStorage jest identyczny z obiektem localStorage.

Różnica polega na tym, że obiekt sessionStorage przechowuje dane sesji.

Dane będą usuwane, gdy przeglądarka zostanie zamknięta.

Instancja

sessionStorage.getItem("name");

Spróbuj sam!

Metoda setItem()

Metoda sessionStorage.setItem() zapisuje dane w przechowywaniu (storage).

Akceptuje nazwę i wartość jako parametry:

Instancja

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

Metoda getItem()

Metoda sessionStorage.getItem() pobiera dane z przechowywania (storage).

Akceptuje nazwę jako parametr:

Instancja

sessionStorage.getItem("name");

Atrybuty i metody obiektu Storage

Atrybuty/metody Opis
key(n) Zwraca nazwę klucza zapisanego w przechowywaniu pod numerem n.
length Zwróć liczbę elementów przechowywanych w obiekcie Storage.
getItem(nazwaKlucza) Zwróć wartość określonego klucza.
setItem(nazwaKlucza, wartość) Dodaj klucz do przechowywania, lub jeśli klucz już istnieje, zaktualizuj wartość tego klucza.
removeItem(nazwaKlucza) Usuń klucz z przechowywania.
clear() Wyczyść wszystkie klucze.

Strony związane z Web Storage API

Atrybut Opis
window.localStorage Pozwala na zapisywanie par klucz/wartość w przeglądarce internetowej. Przechowuje dane bez daty wygaśnięcia.
window.sessionStorage Pozwala na zapisywanie par klucz/wartość w przeglądarce internetowej. Przechowuje dane sesji.