Comment soumettre des données de formulaire de manière asynchrone à l'aide de l'ajax de jquery

Ce que je vais vous montrer cette fois, c'est comment utiliser l'ajax de jquery pour soumettre des données de formulaire de manière asynchrone. Vous pouvez utiliser la méthode ajax de jquery pour soumettre le formulaire de manière asynchrone. Après succès, les données json seront renvoyées. l'arrière-plan. Fonction de rappel Traitement, vous n'avez pas besoin de rafraîchir la page pour atteindre des objectifs asynchrones. Cet article vous donnera une bonne analyse.

Les données traitées dans le formulaire peuvent être sérialisées à l'aide de la méthode serialize(). Si les données soumises incluent un flux de fichiers, vous devez utiliser l'objet FormData  :

<form id="addForm" action="${pageContext.request.contextPath}/admin/saveAdd" method="post">    
  <input type="text" name="name" placeholder="请输入名字" />
  <input type="password" name="password" placeholder="密码"/>
 </form>

$("#submitAdd").click(function(){
     
  var targetUrl = $("#addForm").attr("action");    
  var data = $("#addForm").serialize();     
   $.ajax({ 
    type:'post',  
    url:targetUrl, 
    cache: false,
    data:data,  
    dataType:'json', 
    success:function(data){      
      alert('success');
    },
    error:function(){ 
     alert("请求失败")
    }
   })
     
})

AutresArticles connexes !

Utiliser jQuery pour dédupliquer et trier des tableaux

Comment cela peut-il être fait avec JS Cliquez pour sauter à la boîte aux lettres personnelle connectée

Il existe plusieurs façons de mettre en œuvre des opérations en chaîne en PHP

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!