Maison > interface Web > js tutoriel > Comment empêcher l'actualisation indésirable des pages lorsque vous cliquez sur les boutons du formulaire ?

Comment empêcher l'actualisation indésirable des pages lorsque vous cliquez sur les boutons du formulaire ?

Susan Sarandon
Libérer: 2024-12-07 14:59:13
original
883 Les gens l'ont consulté

How to Prevent Unwanted Page Refreshes When Clicking Form Buttons?

Comment désactiver l'actualisation de la page lorsque vous cliquez sur des boutons dans un formulaire

Lorsque vous travaillez avec des boutons dans un formulaire, il est courant de rencontrer un problème où cliquer sur le bouton déclenche une erreur indésirable. Actualisation de la page, réinitialisant l'état précédent de la page. Cette actualisation peut se produire lorsque des boutons sont utilisés pour appeler des fonctions ou effectuer des actions spécifiques, ce qui oblige le navigateur à soumettre automatiquement le formulaire.

Pour éviter ce comportement indésirable, vous pouvez modifier l'attribut de type du bouton en "bouton" au lieu de sa valeur par défaut, qui est « soumettre ». Le type "soumettre" par défaut entraîne l'auto-publication du formulaire lorsque vous cliquez sur le bouton, ce qui entraîne l'actualisation de la page.

En définissant le type sur "bouton", vous pouvez désactiver la soumission automatique du formulaire et autoriser le pour appeler la fonction souhaitée sans affecter l'état de la page :

<form method="POST">
    <button name="data" type="button" onclick="getData()">Click</button>
</form>
Copier après la connexion

Avec cette modification, cliquer sur le bouton "Cliquer" déclenchera la fonction "getData()" sans provoquer le rafraîchissement de la page. Les résultats de la requête précédente seront conservés et l'état de la page actuelle ne sera pas affecté.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal