使用ajax非同步提交表單的幾種方法總結_AJAX相關

這裡介紹三種常用的提交方式

方式一

手工收集所有的使用者輸入，封裝為大的“k1=v1&k2=v2…”索引值對形式，使用$.post(url, data,fn)把資料提交給伺服器

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

方式二

單序列化：$('#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){     }   }); } 

方式三

使用jQuery Form外掛程式提供的ajaxSubmit()函數

$('#myform').ajaxSubmit({type: 'GET/POST',url: 'xx.php',dataType: 'json',success: fn,clearForm: true,resetForm: true}); //此函數會自動把選定的表單進行序列化並非同步提交

以上這篇使用ajax非同步提交表單的幾種方法總結就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援雲棲社區。