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

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>

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!