Avant l'apparition de HTML5, si le développeur doit stocker une petite quantité de données sur le client, il ne peut être mis en œuvre que par des cookies, mais il y a plusieurs points insuffisants pour les cookies:
• La taille des cookies sous chaque nom de domaine est limitée à 4 Ko.
• Le cookie comprendra dans chaque demande HTTP, qui provoquera des données en double.
• Le cookie n'a pas de chiffrement pendant la transmission du réseau, et il y a des risques de sécurité cachés.
La fonction de stockage Web est ajoutée à HTML5. Le stockage Web a maintenant reçu le support de Firefox, Opera, Chrome, les navigateurs grand public de Safari.
Introduction au stockage WebLe stockage Web est divisé en stockage de session et stockage local:
Stockage de session: Similaire à la session, la période de survie des données enregistrée par le stockage de session est la même que la période de session. Stockage local: les données enregistrées par le stockage local ont toujours été localement localement, à moins que l'utilisateur ou le programme ne soit explicitement clair, ces données existeront dans la même chose.L'objet Window fournit deux attributs de SessionStorage et LocalStorage, qui représentent respectivement le stockage de session et le stockage local. Ces deux fonctions et utilisation sont presque les mêmes, mais elles ont des périodes de survie différentes pour enregistrer les données. Le stockage fournit les attributs et méthodes suivants (prenez LocalStorage comme exemple):
• localStorage.length: obtenez le nombre de paires de valeurs clés;
• localStorage.Key (index): clé pour obtenir l'index de l'index de l'index;
• localStorage.getItem (clé): Obtenez la valeur correspondant à la touche spécifiée;
• localStorage.SetItem (clé, valeur): Enregistrez la paire de valeurs de clé spécifiée;
• localStorage.RemoveItem (clé): supprimez la paire de valeurs de clé de valeur clé correspondant à la clé spécifiée;
• localStorage.Clear (): supprimez toutes les paires de valeurs clés.
Il convient de noter que la clé et la valeur doivent être en d'autres termes. Donc, certaines données qui ne sont pas une chaîne, nous pouvons la transformer en format de chaîne via JSON et d'autres méthodes.
Le stockage Web stocke plusieurs données avec JSONNous connaissons l'utilisation de base des attributs et des méthodes connexes à travers un petit programme:
• Les informations de base de la saisie des élèves (y compris le nombre de numéros d'école, de noms, de notes, de sexe), utilisent le numéro de l'école comme valeur clé à stocker dans le stockage local;
• enquêter les informations de base des élèves à travers le numéro de l'école;
• Afficher les informations de tous les étudiants;
Tout d'abord, nous concevons la page HTML
Code XML / HTML Copier le contenu dans le presse-papiers