jquery中JSON的解析方式
來源:易賢網(wǎng) 閱讀:593 次 日期:2015-05-05 15:16:55
溫馨提示:易賢網(wǎng)小編為您整理了“jquery中JSON的解析方式”,方便廣大網(wǎng)友查閱!

考慮都考慮的是服務(wù)器返回的是JSON形式的字符串的形式,對于利用JSONObject等插件封裝的JSON對象,與此亦是大同小異,這里不再做說明。

代碼如下:

var data="

{

root:

[

{name:'1',value:'0'},

{name:'6101',value:'西安市'},

{name:'6102',value:'銅川市'},

{name:'6103',value:'寶雞市'},

{name:'6104',value:'咸陽市'},

{name:'6105',value:'渭南市'},

{name:'6106',value:'延安市'},

{name:'6107',value:'漢中市'},

{name:'6108',value:'榆林市'},

{name:'6109',value:'安康市'},

{name:'6110',value:'商洛市'}

]

}";

這里以jquery異步獲取的數(shù)據(jù)類型——json對象和字符串為依據(jù),分別介紹兩種方式獲取到的結(jié)果處理方式。

1.對于服務(wù)器返回的JSON字符串,如果jquery異步請求沒做類型說明,或者以字符串方式接受,那么需要做一次對象化處理,方式不是太麻煩,就是將該字符串放于eval()中執(zhí)行一次。這種

方式也適合以普通javascipt方式獲取json對象,以下舉例說明:

代碼如下:

var dataObj=eval("("+data+")");//轉(zhuǎn)換為json對象

alert(dataObj.root.length);//輸出root的子對象數(shù)量

$.each(dataObj.root,fucntion(idx,item){

if(idx==0){

return true;

}

//輸出每個(gè)root子對象的名稱和值

alert("name:"+item.name+",value:"+item.value);

})

注:對于一般的js生成json對象,只需要將$.each()方法替換為for語句即可,其他不變。

2.對于服務(wù)器返回的JSON字符串,如果jquery異步請求將type(一般為這個(gè)配置屬性)設(shè)為“json”,或者利用$.getJSON()方法獲得服務(wù)器返回,那么就不需要eval()方法了,因?yàn)檫@時(shí)候

得到的結(jié)果已經(jīng)是json對象了,只需直接調(diào)用該對象即可,這里以$.getJSON方法為例說明數(shù)據(jù)處理方法:

代碼如下:

$.getJSON("){

//此處返回的data已經(jīng)是json對象

//以下其他操作同第一種情況

$.each(data.root,function(idx,item){

if(idx==0){

return true;//同countinue,返回false同break

}

alert("name:"+item.name+",value:"+item.value);

});

});

以上就是本文關(guān)于jQuery解析json的全部內(nèi)容了,希望大家能夠喜歡。

更多信息請查看IT技術(shù)專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機(jī)網(wǎng)站地址:jquery中JSON的解析方式
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)