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.

1. Types de données de stockage
   SessionStorage peut stocker différents types de données, notamment des chaînes, des nombres, des valeurs booléennes, des objets et des tableaux, etc. Plus précisément, SessionStorage peut utiliser les types de données suivants :

• String : les chaînes peuvent être stockées dans SessionStorage à l'aide de la méthode setItem(), par exemple :

  sessionStorage.setItem('name', 'John');

  Copier après la connexion

• 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');

  Copier après la connexion

• 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));

  Copier après la connexion

• 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));

  Copier après la connexion

2. 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'));

   Copier après la connexion

   Grâce à l'exemple de code ci-dessus, nous pouvons obtenir et attribuer les données stockées dans SessionStorage aux variables correspondantes.

3. 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');

   Copier après la connexion

   Après avoir exécuté le code ci-dessus, les données stockées nommées « nom » seront supprimées.

4. 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();

   Copier après la connexion

   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!