API de stockage Web
L’API Web Storage est une syntaxe simple pour stocker et récupérer des données dans le navigateur. Il est très simple d’utilisation :
Exemple
localStorage.setItem(“nom”, “John Doe”);
localStorage.getItem(“nom”);
Essayez-le vous-même »
L’API Web Storage est prise en charge dans tous les navigateurs :
| Chrome | IE/Edge | Firefox | Safari | Opéra |
| Oui | Oui | Oui | Oui | Oui |
L’objet localStorage
L’objet localStorage permet d’accéder à un stockage local pour un site Web particulier. Il vous permet de stocker, lire, ajouter, modifier et supprimer des éléments de données pour ce domaine.
Les données sont stockées sans date d’expiration et ne seront pas supprimées à la fermeture du navigateur.
Les données seront disponibles pendant des jours, des semaines et des années.
La méthode setItem()
La méthode localStorage.setItem() stocke un élément de données dans un stockage.
Il prend un nom et une valeur en paramètres :
Exemple
localStorage.setItem(“nom”, “John Doe”);
La méthode getItem()
La méthode localStorage.getItem() récupère un élément de données du stockage.
Il prend un nom en paramètre :
Exemple
localStorage.getItem(“nom”);
L’objet sessionStorage
L’objet sessionStorage est identique à l’objet localStorage.
La différence est que l’objet sessionStorage stocke les données d’une session.
Les données sont supprimées lorsque le navigateur est fermé.
La méthode setItem()
La méthode sessionStorage.setItem() stocke un élément de données dans un stockage.
Il prend un nom et une valeur en paramètres :
Exemple
sessionStorage.setItem(“nom”, “John Doe”);
La méthode getItem()
La méthode sessionStorage.getItem() récupère un élément de données du stockage.
Il prend un nom en paramètre :
Exemple
sessionStorage.getItem(“nom”);
Propriétés et méthodes des objets de stockage
| Propriété/Méthode | Description |
|---|---|
| clé(n) | Renvoie le nom du nème clé dans le stockage |
| longueur | Renvoie le nombre d’éléments de données stockés dans l’objet Storage |
| obtenir l’article(nom de clé) | Renvoie la valeur du nom de clé spécifié |
| setItem(nom de clé, valeur) | Ajoute une clé au stockage ou met à jour une valeur de clé (si elle existe déjà) |
| retirer l’objet(nom de clé) | Supprime cette clé du stockage |
| clair() | Vider toutes les clés du stockage |
Pages associées pour l’API de stockage Web
| Propriété | Description |
|---|---|
| window.localStorage | Permet d’enregistrer des paires clé/valeur dans un navigateur Web. Stocke les données sans date d’expiration |
| window.sessionStorage | Permet d’enregistrer des paires clé/valeur dans un navigateur Web. Stocke les données pour une session |
#API #stockage #Web
