Maison >interface Web >tutoriel HTML >SessionStorage : capacités de stockage de données et types de données pris en charge
Explorez les capacités de SessionStorage : quel type de données peut-il stocker ?
SessionStorage est une méthode de stockage côté client fournie en HTML5, qui peut être utilisée pour stocker des données côté client et n'est valable que pendant la session en cours. Semblable aux cookies, mais SessionStorage a une plus grande capacité de stockage et n'est pas envoyé au serveur avec les requêtes HTTP. Cet article explique ce que fait SessionStorage et les types de données qu'il peut stocker, et fournit quelques exemples de code concrets.
String : les chaînes peuvent être stockées dans SessionStorage à l'aide de la méthode setItem(), par exemple :
sessionStorage.setItem('name', 'John');
Numbers et valeurs booléennes : similaires aux chaînes, Numbers et Boolean. les valeurs peuvent être stockées sous forme de chaînes, telles que :
sessionStorage.setItem('age', '26');
Objects : les objets peuvent être convertis en chaînes à l'aide de la méthode JSON.stringify(), puis stockés dans SessionStorage, tels que :
var user = { name: 'John', age: 26 }; sessionStorage.setItem('user', JSON.stringify(user));
Array : similaire aux objets, vous pouvez utiliser la méthode JSON.stringify() pour convertir le tableau en chaîne puis le stocker dans SessionStorage, par exemple :
var scores = [85, 90, 95]; sessionStorage.setItem('scores', JSON.stringify(scores));
Obtenir les données stockées
Utilisez la méthode getItem() pour obtenir les données stockées dans SessionStorage Données stockées, par exemple :
var name = sessionStorage.getItem('name'); var age = sessionStorage.getItem('age'); var user = JSON.parse(sessionStorage.getItem('user')); var scores = JSON.parse(sessionStorage.getItem('scores'));
Grâce à l'exemple de code ci-dessus, nous pouvons obtenir et attribuer les données stockées dans SessionStorage aux variables correspondantes.
Supprimer les données stockées
Vous pouvez utiliser la méthode removeItem() pour supprimer des données spécifiques de SessionStorage, par exemple :
sessionStorage.removeItem('name');
Après avoir exécuté le code ci-dessus, les données stockées nommées « nom » seront supprimées.
Effacer les données stockées
Utilisez la méthode clear() pour effacer toutes les données stockées dans SessionStorage, par exemple :
sessionStorage.clear();
Après avoir exécuté le code ci-dessus, toutes les données stockées seront effacées.
Résumé :
SessionStorage est une méthode de stockage côté client puissante et pratique qui peut stocker différents types de données. Qu'il s'agisse d'une chaîne, d'un nombre, d'un booléen, d'un objet ou d'un tableau, il peut être stocké et récupéré facilement. En utilisant correctement SessionStorage, nous pouvons stocker et partager des données temporaires côté client, améliorant ainsi l'expérience utilisateur.
Ce qui précède est une exploration des fonctions de SessionStorage et des types de données qu'il peut stocker. J'espère que cela sera utile aux lecteurs.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!