Partager des données entre des pages HTML

Question

Je souhaite envoyer des données d'une page HTML à une autre page HTML. J'envoie les données via des paramètres de requête comme http://localhost/project/index.html?status=exist. Le problème avec cette approche est que les données restent dans l'URL. Existe-t-il un autre moyen d'envoyer des données entre des pages HTML en utilisant JavaScript ou jquery.

Answer 1

Je sais que c'est un vieux post, mais j'ai pensé partager mes deux cents. @Neji a raison, vous pouvez utiliser le paramètre sessionStorage.getItem('label') 和 sessionStorage.setItem('label', 'value') （尽管他有setItem à l'envers, ce n'est pas grave). Je préfère ce qui suit, je pense que c'est plus concis :

var val = sessionStorage.myValue

remplace getItem et

sessionStorage.myValue = 'value'

remplace setItem.

De plus, il convient de noter que pour stocker des objets JavaScript, ils doivent être stringifiés pour les définir, et analysés pour les obtenir, comme suit :

sessionStorage.myObject = JSON.stringify(myObject); //will set object to the stringified myObject
var myObject = JSON.parse(sessionStorage.myObject); //will parse JSON string back to object

La raison est que sessionStorage stocke tout sous forme de chaîne, donc si vous dites simplement sessionStorage.object = myObject tout ce que vous obtenez est [object Object], ce qui ne vous aide pas beaucoup. < /p>

Answer 2

Pourquoi ne pas stocker la valeur dans un objet de stockage HTML5 comme sessionStorage 或 localStorage, veuillez visiter la Documentation du stockage HTML5 pour plus de détails. Grâce à cette fonctionnalité, vous pouvez stocker localement des valeurs intermédiaires de manière temporaire/permanente, puis accéder à vos valeurs ultérieurement.

Stocker la valeur de la séance :

sessionStorage.setItem('label', 'value')
sessionStorage.getItem('label')

Ou plus permanent :

localStorage.setItem('label', 'value')
localStorage.getItem('label')

Vous pouvez ainsi utiliser des objets de stockage HTML5 pour stocker (temporairement) les données de formulaire sur plusieurs pages et même conserver ces données lors des rechargements.