Une solution rapide au problème selon lequel Ajax soumet la page du formulaire de formulaire et l'actualise toujours

Cet article présente principalement la solution rapide au problème selon lequel la page du formulaire Ajax s'actualise toujours lors de la soumission du formulaire, et l'actualisation automatique après la soumission ajax lorsqu'il y a un bouton dans le formulaire. Question, les amis qui en ont besoin peuvent se référer à

Après un long moment, 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 quoi qu'il arrive, il suffit d'ajouter

PS : Problème de rafraîchissement automatique après soumission ajax lorsqu'il y a un bouton dans le formulaire

<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, une fois le formulaire soumis de manière asynchrone avec ajax , la page sera également actualisée. (Ça fait très bizarre)

Raison : Lorsque le bouton existe, le formulaire sera à nouveau soumis, 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>

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Chargement d'affichage AJAX et exemple de mise en œuvre d'une page d'occlusion de couche contextuelle

Accès à OA à l'aide d'Ajax et plug-in de workflow pour implémenter l'ajout de comptes OA basés sur les données du système de ressources humaines (explication graphique et textuelle détaillée)

Comment utiliser ajax pour soumettre des formulaires dans le framework Lavarel_lié à AJAX

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!