Maison  >  Article  >  développement back-end  >  La page du formulaire de soumission Ajax actualisera toujours la solution j

La page du formulaire de soumission Ajax actualisera toujours la solution j

小云云
小云云original
2018-01-08 16:57:541679parcourir

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 dans le besoin peuvent s'y référer, j'espère que cela pourra aider tout le monde.

Il m'a fallu beaucoup de temps pour cliquer sur le bouton Soumettre, mais j'ai ajouté un type="bouton". Il s'est avéré que c'était

; Le résultat sera actualisé quoi qu'il arrive. Page, ajoutez-le simplement

PS : Lorsqu'il y a un bouton dans le formulaire, il sera automatiquement actualisé après la 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>

Quand. il y a une étiquette de bouton dans le formulaire, une fois le formulaire soumis de manière asynchrone avec ajax , la page sera également actualisée. (Cela fait très bizarre)

Raison : Lorsque le bouton existe, le formulaire sera soumis à nouveau, donc la page est actualisée. (Auparavant, lorsque le bouton type='submit' était pris en compte), le bouton a pour fonction de soumettre le formulaire.

Solution : remplacez simplement l'étiquette du bouton par l'étiquette a. Modifier

Recommandations associées :

Partage du framework Lavarel exemples d'utilisation d'ajax pour soumettre des formulaires

La page du formulaire de soumission Ajax s'actualise rapidement

ajax soumet le numéro de téléphone mobile à la base de données pour vérification et renvoie le statut Détaillé explication des instances de valeur

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