Résumé de plusieurs méthodes pour soumettre des formulaires de manière asynchrone à l'aide d'ajax

Je vais maintenant vous présenter un résumé de plusieurs méthodes de soumission de formulaires de manière asynchrone à l'aide d'ajax. Permettez-moi de le partager avec vous maintenant et de le donner comme référence pour tout le monde.

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 a fourni la fonction ajaxSubmit()

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

Ce qui précède est ce que j'ai compilé pour tout le monde. J'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Comment résoudre le problème des tableaux dans les requêtes AJAX

Analyse de cas de coopération avec les requêtes et filtres Ajax

Un résumé de 5 façons de résoudre la mise en cache avec 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!