首頁 >web前端 >js教程 >使用ajax非同步提交表單的幾種方法總結

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

亚连
亚连原創
2018-05-23 11:09:331733瀏覽

下面我就為大家帶來一篇使用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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn