jquery JSON的解析方式示例介紹
更新時間：2014年07月27日 13:44:20 投稿：whsnow
這里以jquery異步獲取的數(shù)據(jù)類型——json對象和字符串為依據(jù)，分別介紹兩種方式獲取到的結(jié)果處理方式
這里考慮都考慮的是服務(wù)器返回的是JSON形式的字符串的形式，對于利用JSONObject等插件封裝的JSON對象，與此亦是大同小異，這里不再做說明。
這里首先給出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;
}
//輸出每個root子對象的名稱和值
alert("name:"+item.name+",value:"+item.value);
})
注：對于一般的js生成json對象，只需要將$.each()方法替換為for語句即可，其他不變。
2.對于服務(wù)器返回的JSON字符串，如果jquery異步請求將type（一般為這個配置屬性）設(shè)為“json”，或者利用$.getJSON()方法獲得服務(wù)器返回，那么就不需要eval（）方法了，因?yàn)檫@時候得到的結(jié)果已經(jīng)是json對象了，只需直接調(diào)用該對象即可，這里以$.getJSON方法為例說明數(shù)據(jù)處理方法：
$.getJSON("http://gaoyusi.blog.163.com/",{param:"gaoyusi"},function(data){
//此處返回的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實(shí)現(xiàn)郵箱自動填充提示功能，為了提高用戶的體驗(yàn)，很多網(wǎng)站都會實(shí)現(xiàn)郵箱輸入的自動提示功能，對如何實(shí)現(xiàn)自動提示功能感興趣的小伙伴們可以參考一下2015-11-11
jQuery實(shí)現(xiàn)html table行Tr的復(fù)制、刪除、計(jì)算功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)html table行Tr的復(fù)制、刪除、計(jì)算功能,涉及jQuery針對table表格的常見復(fù)制、添加、刪除與計(jì)算行數(shù)等簡單操作技巧,需要的朋友可以參考下2017-07-07
jQuery實(shí)現(xiàn)的自定義輪播圖功能詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)的自定義輪播圖功能,結(jié)合實(shí)例形式詳細(xì)分析了輪播圖的原理、實(shí)現(xiàn)步驟及相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
最近在做項(xiàng)目的時候使用了Jquery~新手學(xué)習(xí)jquery.~遇到了一些"奇怪"的問題(各位大神別拍磚).感謝ClassYuan老大的支持2010-08-08
這篇文章主要介紹了jQuery仿京東商城樓梯式導(dǎo)航定位菜單的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要介紹了jQuery技巧之讓任何組件都支持類似DOM的事件管理 的相關(guān)資料,需要的朋友可以參考下2016-04-04
這篇文章主要介是對Jquery中的ajax再封裝,簡化操作示例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹使用jQuery實(shí)現(xiàn)圖片左右滾動的實(shí)例，需要的朋友可以參考下。2016-06-06
這篇文章主要介紹了jQuery Ajax使用實(shí)例,本文講解了$.ajax的一般格式、$.ajax的參數(shù)描述、$.ajax需要注意的一些地方、$.ajax我的實(shí)際應(yīng)用例子,需要的朋友可以參考下2015-04-04
本文給大家分享一個自己編寫的使用jquery+javascript實(shí)現(xiàn)的國籍控件，效果非常不錯，這里推薦給大家。2015-02-02