Maison  >  Article  >  développement back-end  >  Comment empêcher la boîte de dialogue de confirmation de resoumission du formulaire lors de l'actualisation de la page ?

Comment empêcher la boîte de dialogue de confirmation de resoumission du formulaire lors de l'actualisation de la page ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-10-31 23:27:29525parcourir

How to Prevent the Form Resubmission Confirmation Dialog on Page Refresh?

Empêcher la boîte de dialogue de resoumission du formulaire de confirmation

Lors de l'actualisation d'une page après la soumission d'un formulaire, une boîte de dialogue de confirmation peut apparaître, vous avertissant de ne pas soumettre à nouveau des informations. Cela peut être un inconvénient, en particulier pour les utilisateurs effectuant des soumissions répétées de formulaires. Cet article explore une méthode pour empêcher l'apparition de cette boîte de dialogue.

Une approche efficace consiste à utiliser JavaScript dans le code HTML de la page rechargée. En implémentant le code suivant :

<code class="javascript">if ( window.history.replaceState ) {
  window.history.replaceState( null, null, window.location.href );
}</code>

ce code met à jour l'historique du navigateur, évitant ainsi la nécessité d'une confirmation de nouvelle soumission. Cette méthode fonctionne en effaçant les informations du formulaire après la soumission initiale, éliminant ainsi les données qui déclenchent l'avertissement de nouvelle soumission. En conséquence, la page peut être actualisée sans rencontrer la boîte de dialogue de confirmation.

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