ajax異步提交表單有哪幾種方法

這次帶給大家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
}); 
//此函数会自动把选定的表单进行序列化并异步提交

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

ajax跨網域存取報錯501怎麼處理

AJAX請求陣列應該如何實作

以上是ajax異步提交表單有哪幾種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！