API di archiviazione Web
L'API Web Storage è una semplice sintassi per l'archiviazione e il recupero dei dati nel browser. È molto facile da usare:
Esempio
localStorage.setItem("name", "John Doe");
localStorage.getItem("name");
L'API Web Storage è supportata in tutti i browser:
Chrome | IE/Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
L'oggetto localStorage
L'oggetto localStorage fornisce l'accesso a una memoria locale per un determinato sito Web. Ti consente di archiviare, leggere, aggiungere, modificare ed eliminare elementi di dati per quel dominio.
I dati sono conservati senza data di scadenza e non verranno cancellati alla chiusura del browser.
I dati saranno disponibili per giorni, settimane e anni.
Il metodo setItem()
Il metodo localStorage.setItem() memorizza un elemento di dati in un archivio.
Prende un nome e un valore come parametri:
Esempio
localStorage.setItem("name", "John Doe");
Il metodo getItem()
Il metodo localStorage.getItem() recupera un elemento di dati dalla memoria.
Prende un nome come parametro:
Esempio
localStorage.getItem("name");
L'oggetto sessionStorage
L'oggetto sessionStorage è identico all'oggetto localStorage.
La differenza è che l'oggetto sessionStorage memorizza i dati per una sessione.
I dati vengono cancellati alla chiusura del browser.
Esempio
sessionStorage.getItem("name");
Il metodo setItem()
Il metodo sessionStorage.setItem() memorizza un elemento di dati in un archivio.
Prende un nome e un valore come parametri:
Esempio
sessionStorage.setItem("name", "John Doe");
Il metodo getItem()
Il metodo sessionStorage.getItem() recupera un elemento di dati dalla memoria.
Prende un nome come parametro:
Esempio
sessionStorage.getItem("name");
Proprietà e metodi dell'oggetto di archiviazione
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 |
Pagine correlate per l'API di archiviazione Web
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 |