Quelles sont les méthodes de soumission asynchrone ajax de formulaires ?

Cette fois, je vais vous présenter plusieurs méthodes pour soumettre des formulaires ajax de manière asynchrone, et quelles sont les précautions pour soumettre des formulaires ajax de manière asynchrone. Voici des cas pratiques, jetons un coup d'œil.

Voici trois méthodes de soumission courantes

Méthode 1

Collectez manuellement toutes les entrées de l'utilisateur, encapsulez-les dans un grand formulaire de paire clé-valeur "k1=v1&k2=v2..." et utilisez $.post(url, data,fn) pour soumettre les données au serveur

$.ajax({ 
    type:'post',   
    url:'Notice_noTipsNotice', 
    data:'k1=v1&k2=v2...', 
    cache:false, 
    dataType:'json', 
    success:function(data){ 
    } 
  });

Méthode 2

单序列化：$('#myform').serialize( ); 其返回值就是“k1=v1&k2=v2...”键值对形式，再发起异步请求即可。
function noTips(){ 
  var formParam = $("#form1").serialize();//序列化表格内容为字符串 
  $.ajax({ 
    type:'post',   
    url:'Notice_noTipsNotice', 
    data:formParam, 
    cache:false, 
    dataType:'json', 
    success:function(data){ 
    } 
  }); 
}

Méthode 3

Utilisez le Le plugin jQuery Form fourni ajaxSubmit()Fonction

$('#myform').ajaxSubmit({
type: 'GET/POST',
url: 'xx.php',
dataType: 'json',
success: fn,
clearForm: true,
resetForm: true
}); 
//此函数会自动把选定的表单进行序列化并异步提交

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes. sur le site PHP chinois !

Lecture recommandée :

Comment gérer l'erreur 501 d'accès inter-domaines ajax

Comment implémenter un tableau de requêtes 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!