Comment gérer l'actualisation forcée de la page de soumission du formulaire

Cette fois, je vais vous montrer comment gérer l'actualisation forcée de la page du formulaire soumis. Quelles sont les précautions pour résoudre le problème de l'actualisation forcée de la page du formulaire soumis. un cas pratique. Jetons un coup d'oeil.

Après avoir travaillé dessus pendant longtemps, j'ai cliqué sur le bouton Soumettre et j'en ai ajouté un de moins type="button" Il s'est avéré que c'était   <form >  <button id="sub" />   </form> . être rafraîchi peu importe ce que j'ai fait. Ajoutez-le simplement

PS : Quand il y a un bouton dans le formulaire, problème de rafraîchissement automatique après soumission ajax

//在记一个坑（刚学前台，不是很懂，项目中自己给自己挖了个坑，哈哈...）
<form class="form-horizontal">
<p class="form-group">
<label class="col-sm-3 control-label">修改资料名称：</label>
<p class="col-sm-7"> <input type="text" placeholder="test22" class="form-control"></p>
<p class="col-sm-2">
<button class="btn btn-primary" onclick="resetCertificateName(14)">修改</button>
</p>
</p>
</form>

Lorsqu'il y a une balise de bouton dans le formulaire, après avoir soumis le formulaire de manière asynchrone avec ajax, la page sera actualisée. (Cela fait très bizarre)

Raison : Lorsque le bouton existe, le formulaire sera soumis à nouveau, donc la page est actualisée. (Je pensais auparavant que button type='submit' ) le bouton a pour fonction de soumettre le formulaire.

Solution : remplacez simplement l'étiquette du bouton par une étiquette 。<a class="btn btn-primary" onclick="resetCertificateName(14)">修改</a>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres. articles connexes sur le site Web PHP chinois !

Lecture recommandée :

Comment gérer l'erreur 501 d'accès inter-domaines ajax

Utiliser Ajax pour augmenter la base de données sur la méthode du compte OA du système de ressources humaines

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!