Maison >interface Web >js tutoriel >Partage d'exemples détaillés de l'utilisation de jQuery.form.js
Face au problème : après avoir soumis le formulaire, le backend renverra des informations rapides. Cependant, le HTML natif ne peut pas obtenir les données renvoyées par le backend, ce qui entraîne une telle situation : après la soumission, la page saute et les données json renvoyées par le backend sont affichées sur une page vierge, et l'expérience utilisateur est de 0 point. Cet article partage principalement avec vous l'utilisation de jQuery.form.js, en espérant aider tout le monde.
Solution : Utiliser jquery.form.js
Étapes
Personnaliser la fonction de soumission du contrôle
var submitChange=function () { $("form").ajaxSubmit(function (message) { alert(message.text); window.location.href="/index" rel="external nofollow" ; }); return false; } //这个函数一是处理了后端返回的数据,二是返回了一个false,阻断了原生submit事件的发生。
Transformer le formulaire (ajouter l'événement onsubmit, Renvoie la fonction de traitement personnalisé)
<form action="/do" onsubmit="return submitChange();"> </form>
Enfin
Attention à importer le fichier Js !
Par exemple :
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.1/jquery.form.min.js" integrity="sha384-tIwI8+qJdZBtYYCKwRkjxBGQVZS3gGozr3CtI+5JF/oL1JmPEHzCEnIKbDbLTCer" crossorigin="anonymous"></script>
Recommandations associées :
jquery chargeant le partage de méthode de composant de vue de fichier unique
jquery cliquez sur le contenu du texte pour agrandir et centrer l'exemple de partage
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!