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

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

亚连
亚连original
2018-05-23 10:32:202010parcourir

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   a4af873a37bdc4491a2626923f3f532f  f10f957cf4778f8578964a4d7c151945   f5a47148e367a6035fd7a2faa965022e . ê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 。83d928c88a03d055b5c354150548d1a1修改5db79b134e9f6b82c0b36e0489ee08ed

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!

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