使用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請求中含有陣列的方法

Ajax請求和Filter配合案例解析

Ajax解決快取的5種方法總結

#

以上是使用ajax非同步提交表單的幾種方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！