使用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});  //此函數會自動把選定的表單進行序列化並非同步提交