API di archiviazione Web

L'API Web Storage è una sintassi semplice per memorizzare e recuperare dati nel browser. È molto facile da usare:

Esempio

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

Prova da solo

Tutti i browser supportano l'API Web Storage:

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
Supporta Supporta Supporta Supporta Supporta

Oggetto localStorage

L'oggetto localStorage fornisce l'accesso alla memorizzazione locale di un sito web specifico. Permette di memorizzare, leggere, aggiungere, modificare e eliminare elementi di dati per il dominio.

I dati memorizzati non hanno una data di scadenza e non vengono eliminati quando il browser viene chiuso.

Questi dati saranno disponibili per giorni, settimane e anni.

Metodo setItem()

Il metodo localStorage.setItem() memorizza un elemento di dati nello storage.

Accetta un nome e un valore come parametri:

Esempio

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

Metodo getItem()

Il metodo localStorage.getItem() recupera un elemento di dati dallo storage (storage).

Accetta un nome come parametro:

Esempio

localStorage.getItem("name");

Oggetto sessionStorage

L'oggetto sessionStorage è lo stesso dell'oggetto localStorage.

La differenza risiede nel fatto che l'oggetto sessionStorage memorizza i dati della sessione.

I dati vengono eliminati quando il browser viene chiuso.

Esempio

sessionStorage.getItem("name");

Prova da solo

Metodo setItem()

Il metodo sessionStorage.setItem() memorizza un elemento di dati nello storage (storage).

Accetta un nome e un valore come parametri:

Esempio

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

Metodo getItem()

Il metodo sessionStorage.getItem() recupera un elemento di dati dallo storage (storage).

Accetta un nome come parametro:

Esempio

sessionStorage.getItem("name");

Proprietà e metodi dell'oggetto Storage

Proprietà e metodo Descrizione
key(n) Restituisce il nome della chiave n-esima memorizzata.
length Restituisce il numero di elementi dati memorizzati nell'oggetto Storage.
getItem(keyname) Restituisce il valore specificato del nome della chiave.
setItem(keyname, value) Aggiungi la chiave allo storage, o aggiorna il valore della chiave se già esistente.
removeItem(keyname) Elimina la chiave dallo storage.
clear() Svuota tutti i chiavi.

Pagine correlate all'API Web Storage

Proprietà Descrizione
window.localStorage Permette di salvare coppie di chiave/valore nel browser Web. Salva i dati senza data di scadenza.
window.sessionStorage Permette di salvare coppie di chiave/valore nel browser Web. Salva i dati di una sessione.