La fonction de stockage local fournie par HTML5 permet aux applications Web de stocker des données dans le navigateur local de l'utilisateur. En HTML5, les données ne sont pas transmises à chaque requête du serveur, mais les données ne sont utilisées que sur demande. Il permet de stocker de grandes quantités de données sans affecter les performances du site Web.
Il existe deux méthodes de stockage côté client :
1. localStorage : stockage sans limite de durée et de grande capacité, d'une taille d'au moins 5 Mo ; toutes les pages avec le même nom de domaine peuvent stocker et obtenir les mêmes données ;
2. sessionStorage : Pour le stockage des données d'une session, l'onglet disparaîtra à sa fermeture.
À l'heure actuelle, la plupart des navigateurs supportent déjà très bien HTML5, mais pour des raisons de sécurité, la détection des clients doit être effectuée avant utilisation :
if (typeof(Storage) !== undefined) { // Code pour localStorage/sessionStorage.} else { // Désolé, pas de prise en charge du stockage Web..}La raison pour laquelle j'utilise cette fonction est que je travaille actuellement sur un site Web basé sur des données. Je dois transmettre les paramètres de requête au backend via l'interface API et obtenir les données renvoyées par la base de données. Et il y a un problème ici. Je veux passer de la page a à la page b, puis appeler l'interface API sur la page b pour transmettre les données des paramètres en arrière-plan et obtenir les données sur la page a. comment transférer la page a vers la page a ? Et si la valeur générée était transmise à la page b ?
Supposons que la valeur et le format de données que nous souhaitons transmettre à l'arrière-plan sont : {unitGroup:[一年级,二年级,三年级];
Ensuite, après que la page a génère le groupe d'unités de données dont nous avons besoin, utilisez sessionStorage :
if (typeof(Storage) !== non défini) { sessionStorage[unitGroup] = data.unit.value;} else { sessionStorage[unitGroup] = '';}Ensuite, à la page b, vous pouvez l'obtenir via l'instruction suivante :
var unit_group = '';if (typeof(Storage) !== non défini) { var myunits = sessionStorage[unitGroup]; unit_group = myunits.split(,);}Ensuite, vous pouvez appeler ajax pour transmettre les données en arrière-plan :
var newData = {unitGroup : unit_group} ;Ce qui précède représente l’intégralité du contenu de cet article. J’espère qu’il sera utile à l’étude de chacun. J’espère également que tout le monde soutiendra le réseau VeVb Wulin.