首頁 > web前端 > js教程 > ajax異步提交表單有哪幾種方法

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

php中世界最好的语言
發布: 2018-04-03 09:58:27
原創
2871 人瀏覽過

這次帶給大家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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板