Maison >interface Web >js tutoriel >Comment puis-je conserver l'état de soumission du formulaire lors des rechargements de pages ?

Comment puis-je conserver l'état de soumission du formulaire lors des rechargements de pages ?

Patricia Arquette
Patricia Arquetteoriginal
2025-01-03 16:49:41860parcourir

How Can I Persist Form Submission State Across Page Reloads?

Conserver les variables entre les chargements de page

Problème :

Vous devez capturer l'événement de soumission du formulaire et si le formulaire est soumis, conservez ces informations après le rechargement de la page, vous permettant d'y accéder lorsque la page est reloaded.

Approche incorrecte à l'aide de variables globales :

<br>var clicked = false;</p>
<p>$(document).ready (function() {<br> $("inputtype='submit'").attr("onclick", "form.act.value='detailSearch'; clicked = true; return true;");</p>
<p>if (clicked == true) {</p>
<pre class="brush:php;toolbar:false">// show hidden fields

} else {

// don't show hidden fields

}
});

Ce code tente de stocker le état de soumission du formulaire dans une variable globale, mais il est inefficace car HTTP est sans état et chaque rechargement de page réinitialise toutes les variables.

Solutions pour le stockage de données persistant :

Chaîne de requête :

  • Mettez à jour la chaîne de requête avec un paramètre indiquant la soumission du formulaire.
  • Au chargement de la page, analyser la chaîne de requête pour récupérer l'état du formulaire soumis.

Stockage Web :

  • Avec le stockage Web HTML5, vous pouvez stocker des données localement sur le côté client lors des chargements de pages en utilisant sessionStorage (pour les données temporaires) ou localStorage (pour des données à plus long terme) données).

Cookies :

  • Les cookies sont une autre option de stockage de données côté client qui peut persister dans différents domaines.

window.name :

  • Malgré son nom, window.name, peut être utilisé pour stocker des valeurs de chaîne.
  • Contrairement aux cookies, il persiste sur les pages du même domaine, mais uniquement dans l'onglet actuel.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn