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 :

Partage de la méthode de mise en œuvre de la pagination dynamique front et backend de Jquery DataTable

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!