国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > AJAX > 正文

JQuery中Ajax()的data參數(shù)類型實(shí)例分析

2024-09-01 08:33:09
字體:
供稿:網(wǎng)友
這篇文章主要介紹了JQuery中Ajax()的data參數(shù)類型,結(jié)合實(shí)例形式較為詳細(xì)的分析了ajax方法中data的具體類型,需要的朋友可以參考下
 

本文實(shí)例分析了JQuery中Ajax()的data參數(shù)類型。分享給大家供大家參考,具體如下:

前面簡單分析介紹了《ajax中data傳參的兩種方式》,對(duì)于ajax參數(shù)傳遞方式有了初步的了解,這里就來進(jìn)一步分析一下ajax中data參數(shù)的類型。

假如現(xiàn)在有這樣一個(gè)表單,是添加元素用的。

<form id='addForm' action='UserAdd.action' type='post'>  <label for='uname'>用戶名</label>:<input type='text' name='uname' id='uname'><br>  <label for='mobileIpt'>手機(jī)號(hào):</label><input type='text' name='mobileIpt' id='mobileIpt'><br>  <label for='birthday'>生日:</label><input type='text' name='birthday'><br>  <input type='button' value='提交' onclick='addUser()'></form>

我們不想使用表單submit的方式添加這個(gè)元素,我們就想使用ajax提交。

以前我們是這樣實(shí)現(xiàn)的:

function addUser(){  var user = {   uname:$("#uname").val(),   mobileIpt:$("#mobileIpt").val(),   birthday:$("#birthday").val()  };  $.ajax({   url:'UserAdd.action',   data:user,   type:'post',   dataType:'text',   success:function(msg){    if(msg=='1'){     console.log('添加成功');    }else{     console.log('添加失敗')    }   }  })}

這沒有什么錯(cuò),就是獲取表單元素的值實(shí)在是太麻煩....這里只有三項(xiàng),很多項(xiàng)的時(shí)候就廢了....

直到有一天,我發(fā)現(xiàn)了jquery的serializeArray方法

序列化表格元素 (類似 '.serialize()' 方法) 返回 JSON 數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)。

注意,此方法返回的是JSON對(duì)象而非JSON字符串。需要使用插件或者第三方庫進(jìn)行字符串化操作。

返回的JSON對(duì)象是由一個(gè)對(duì)象數(shù)組組成的,其中每個(gè)對(duì)象包含一個(gè)或兩個(gè)名值對(duì)——name參數(shù)和value參數(shù)(如果value不為空的話)。

我們來試試看

$('#addForm').serializeArray();//返回?cái)?shù)據(jù)結(jié)構(gòu),是json數(shù)組,每個(gè)對(duì)像分別name和value為key,代表這個(gè)表單元素的name和value[ {"name":"uname","value":""}, {"name":"mobileIpt","value":""},  {"name":"birthday","value":""}]

這個(gè)貌似用不上啊

我們使用JQuery.param()方法處理一下:

var arr = $('#addForm').serializeArray();$.param(arr);"uname=alice&mobileIpt=110&birthday=1983-05-12"

嘿這下符合我們的需求了吧,雖然不是json類型,但是至少可以作為data上傳了。

這里我們可以直接在ajax的data處填上這個(gè)json數(shù)組,在jquery內(nèi)部自己調(diào)用$.param()處理的。

我們來看下jquery.param()方法的說明:

返回值:StringjQuery.param(obj,[traditional])

將表單元素?cái)?shù)組或者對(duì)象序列化。

參數(shù):

obj,[traditional]

數(shù)組或jQuery對(duì)象會(huì)按照name/value對(duì)進(jìn)行序列化,普通對(duì)象按照key/value對(duì)進(jìn)行序列化。

traditional:是否使用傳統(tǒng)的方式淺層序列化。

demo:

$.param({uanme:'vic',mobileIpt:'110',birthday:'2013-11-11'});"uanme=vic&mobileIpt=110&birthday=2013-11-11"

看著說明,貌似也跟我們沒關(guān)系啊,我們換一個(gè)json數(shù)組來看

$.param([{uanme:'vic'},{mobileIpt:'110'},{birthday:'2013-11-11'}]);"undefined=&undefined=&undefined="

這個(gè)轉(zhuǎn)換不成功了吧,為什么我們表單的那種數(shù)據(jù)能夠成功轉(zhuǎn)換成url參數(shù)呢?我們來看下jquery源碼

//在ajax()方法中,對(duì)json類型的數(shù)據(jù)進(jìn)行了$.param()處理if ( s.data && s.processData && typeof s.data !== "string" ) { s.data = jQuery.param( s.data, s.traditional );}//param方法中if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {  // Serialize the form elements  jQuery.each( a, function() {   add( this.name, this.value );  }); } else {  // If traditional, encode the "old" way (the way 1.3.2 or older  // did it), otherwise encode params recursively.  for ( prefix in a ) {   buildParams( prefix, a[ prefix ], traditional, add );  } }

這下明白了吧,如果是json數(shù)據(jù),那么挨個(gè)循環(huán),只取他們的name屬性和value屬性拼接字符串。

如果是普通對(duì)象,循環(huán)該對(duì)象的屬性,然后拼接字符串。

總結(jié):

所以,本文要說的是,在jquery的ajax函數(shù)中,可以傳入3種類型的數(shù)據(jù)
1.文本:"uname=alice&mobileIpt=110&birthday=1983-05-12"
2.json對(duì)象:{uanme:'vic',mobileIpt:'110',birthday:'2013-11-11'}
3.json數(shù)組:

[ {"name":"uname","value":"alice"}, {"name":"mobileIpt","value":"110"},  {"name":"birthday","value":"2012-11-11"}]

所以,我們可以一鍵獲取表單并提交,非常方便。

補(bǔ)充:

其實(shí)提取表單數(shù)據(jù)的話只需要serialize()方法直接獲取"uname=alice&mobileIpt=110&birthday=1983-05-12"這樣的就可以了。

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。



注:相關(guān)教程知識(shí)閱讀請(qǐng)移步到JavaScript/Ajax教程頻道。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 陇川县| 深圳市| 龙南县| 犍为县| 比如县| 石柱| 个旧市| 嘉善县| 科技| 同江市| 光泽县| 桃源县| 江孜县| 太仆寺旗| 河北省| 区。| 莎车县| 麦盖提县| 万宁市| 增城市| 平凉市| 武穴市| 榆林市| 成武县| 遂宁市| 凤冈县| 永清县| 夏津县| 康定县| 建水县| 广水市| 鄂州市| 蒲江县| 大渡口区| 黔西| 宾阳县| 博乐市| 互助| 广南县| 石嘴山市| 石城县|