快捷導(dǎo)航

使用ajax異步提交表單的幾種方法總結(jié)

更新時(shí)間：2016年12月05日 10:18:11 投稿：jingxian

下面小編就為大家?guī)?lái)一篇使用ajax異步提交表單的幾種方法總結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

這里介紹三種常用的提交方式

方式一

手工收集所有的用戶輸入，封裝為大的“k1=v1&k2=v2…”鍵值對(duì)形式，使用$.post(url, data,fn)把數(shù)據(jù)提交給服務(wù)器

$.ajax({ 
    type:'post',   
    url:'Notice_noTipsNotice', 
    data:'k1=v1&k2=v2...', 
    cache:false, 
    dataType:'json', 
    success:function(data){ 
    } 
  });

方式二

單序列化：$('#myform').serialize( ); 其返回值就是“k1=v1&k2=v2...”鍵值對(duì)形式，再發(fā)起異步請(qǐng)求即可。

function noTips(){ 
  var formParam = $("#form1").serialize();//序列化表格內(nèi)容為字符串 
  $.ajax({ 
    type:'post',   
    url:'Notice_noTipsNotice', 
    data:formParam, 
    cache:false, 
    dataType:'json', 
    success:function(data){ 
    } 
  }); 
}

方式三

使用jQuery Form插件提供的ajaxSubmit()函數(shù)

$('#myform').ajaxSubmit({
type: 'GET/POST',
url: 'xx.php',
dataType: 'json',
success: fn,
clearForm: true,
resetForm: true
}); 
//此函數(shù)會(huì)自動(dòng)把選定的表單進(jìn)行序列化并異步提交

以上這篇使用ajax異步提交表單的幾種方法總結(jié)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

ajax+springmvc實(shí)現(xiàn)C與View之間的數(shù)據(jù)交流方法
下面小編就為大家?guī)?lái)一篇ajax+springmvc實(shí)現(xiàn)C與View之間的數(shù)據(jù)交流方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-03-03
Ajax使用雜談也許也是亂彈
Google Suggest 和Google Map的出現(xiàn)，引起了我們Web開發(fā)者的一次震動(dòng)。
2010-05-05
Ajax方式提交帶文件上傳的表單及隱藏iframe應(yīng)用
一般的表單都是通過(guò)ajax方式提交，所以碰到帶文件上傳的表單就比較麻煩,基本原理就是在頁(yè)面增加一個(gè)隱藏iframe，然后通過(guò)ajax提交除文件之外的表單數(shù)據(jù),感興趣的你不妨了解一下，或許本文對(duì)你有所幫助
2013-01-01
關(guān)于Ajax跨域問(wèn)題及解決方案詳析
這篇文章主要給大家介紹了Ajax跨域問(wèn)題以及解決方案的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Ajax具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05
asp+Ajax簡(jiǎn)單客戶登陸驗(yàn)證
asp+Ajax簡(jiǎn)單客戶登陸驗(yàn)證...
2007-03-03
AJAX應(yīng)用之注冊(cè)用戶即時(shí)檢測(cè)
AJAX應(yīng)用之注冊(cè)用戶即時(shí)檢測(cè)...
2006-07-07
Ajax驗(yàn)證用戶的唯一性
這篇文章主要介紹了Ajax驗(yàn)證用戶的唯一性，驗(yàn)證環(huán)境Ajax+Jquery+Json+struts2，感興趣的小伙伴們可以參考一下
2016-05-05
jquery中的ajax同步和異步詳解
jquery ajax同步的意思是當(dāng)JS代碼加載到當(dāng)前ajax的時(shí)候會(huì)把頁(yè)面里所有的代碼停止加載，頁(yè)面出現(xiàn)了假死狀態(tài)，當(dāng)這個(gè)ajax執(zhí)行完畢后才會(huì)繼續(xù)運(yùn)行其他的代碼假死狀態(tài)解除。而異步的意思是這個(gè)ajax代碼運(yùn)行中的時(shí)候其他代碼一樣可以運(yùn)行。本文給大家詳解，感興趣的朋友參考下
2015-09-09
Ajax讀取XML實(shí)現(xiàn)動(dòng)態(tài)下拉導(dǎo)航
Ajax讀取XML實(shí)現(xiàn)動(dòng)態(tài)下拉導(dǎo)航...
2007-02-02
Ajax上傳圖片及上傳前先預(yù)覽功能實(shí)例代碼
在文件上傳的時(shí)候用到了Ajax上傳文件，以及圖片在上傳之前的預(yù)覽效果，下面通過(guò)本文給大家分享解決Ajax上傳圖片及上傳前先預(yù)覽功能，感興趣的朋友參考下吧
2017-08-08