Stockage de session HTML5 SessionStorage

SessionStorage est un nouvel objet de stockage de session pour HTML5. Cet article présente principalement l'utilisation de sessionstoraages. Y compris l'ajout, la modification et la suppression des opérations.

SessionStorage est un nouvel objet de stockage de session pour HTML5.

Cet objet peut être appelé dans la langue JavaScript via Window.SessionStorage ou SessionStorage.

1) Restrictions sur la même stratégie source. Si vous souhaitez utiliser la même sessionStorage entre différentes pages, ces pages doivent être sous le même protocole, le même nom d'hôte et le même port. (IE 8 et 9 Les données de stockage sont basées sur le même nom d'hôte, en ignorant les exigences du protocole (HTTP et HTTPS) et du numéro de port)

2) Limite de page unique. L'opération SessionStorage est limitée à une seule page d'onglet.

3) uniquement stocké localement. Les données de SeesionStorage ne seront pas envoyées au serveur avec la demande HTTP. (Si vous utilisez la fonction de l'onglet de récupération de Chrome, les données de SeesionStorage seront également restaurées).

4) Méthode de stockage. La méthode de stockage de SeesionStorage est basée sur la clé et la valeur. La valeur de la valeur doit être un type de chaîne (pas la non-string, et elle sera également convertie en une chaîne pendant le stockage. La vraie valeur sera convertie en vrai).

5) Limite de stockage: Différents navigateurs stockent la limite supérieure, mais la plupart des navigateurs limitent la limite supérieure à moins de 5 Mo.

La plus petite version de la prise en charge du navigateur pour SessionStorage: IE8, Chrome 5.

SessionStorage est très adapté à SPA (application à une seule page), ce qui peut être pratique pour la valeur de transmission dans chaque module commercial.

ReadOnly IntSessionStorage.length: Renvoie un entier, indiquant le nombre d'éléments de données (paires de valeurs de clé) stockées dans l'objet SessionStorage.

String SessionStorage.Key (int index): Le nom de clé du numéro de série index de l'objet SessionStorage actuel est renvoyé. Si non retourné null. StringSessionStorage.getItem (clé de chaîne): la valeur du nom de clé (clé). Si non retourné null. VoidSessionStorage.SetItem (clé de chaîne, valeur de chaîne): cette méthode accepte un nom de clé (clé) et une valeur en tant que paramètre pour ajouter la valeur de clé au stockage; si le nom de la clé existe, la valeur correspondante est mise à jour. VoidSessionStorage.RemoveItem (clé de chaîne): Supprimez le nom de clé spécifié de l'objet SessionStorage. voidSessionStorage.Clear (): Effacez tous les éléments de l'objet SessionStorage.

 SessionStorage.SetItem ('TestKey', 'Ceci est une valeur de test "); //

 SessionStorage ['TestKey'] = 'Ceci est une valeur du test "

 SessionStorage.getItem ('TestKey');

 SessionStorage ['TestKey'];

SessionStorage peut également stocker des objets JSON: lors du stockage, l'objet est converti en format de texte via JSON.StRINGIFY ();

 var userntity = {name: 'tom', Âge: 22}; : Obtenez l'objet de convertissement JSON VAR VARJSONTr = SessionStorage.getItem ('User'); UserereNTiTy = JSON.PARSE (userjSonst);

Ce qui précède est le stockage HTML5 SessionStorage que je vous ai présenté. Merci beaucoup pour votre soutien pour le site Web VEVB Wulin!