Maison  >  Article  >  interface Web  >  Quelles sont les méthodes de soumission asynchrone ajax de formulaires ?

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

php中世界最好的语言
php中世界最好的语言original
2018-04-03 09:58:272866parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn