亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jQuery解析Json實例詳解

2019-11-20 11:11:06
字體:
來源:轉載
供稿:網友

本文實例講述了jQuery解析Json的方法。分享給大家供大家參考,具體如下:

前言

在WEB數據傳輸過程中,json是以文本,即字符串的輕量級形式傳遞的,而客戶端一般用JS操作的是接收到的JSON對象,所以,JSON對象和JSON字符串之間的相互轉換、JSON數據的解析是關鍵。

先明確2個概念例如:

JSON字符串:

復制代碼 代碼如下:
var str1 = '{ "name": "deyuyi", "sex": "man" }';

JSON對象:
復制代碼 代碼如下:
var str2 = { "name": "deluyi", "sex": "man" };

可以簡單這樣理解:

JSON對象是直接可以使用JQuery操作的格式,如C#中可以用對象(類名)點出屬性(方法)一樣;

JSON字符串僅僅只是一個字符串,一個整體,不截取的話沒辦法取出其中存儲的數據,不能直接使用,除非你只想alert()他;

一、JSON字符串轉換為JSON對象

要使用上面的str1,必須使用下面的方法先轉化為JSON對象:

A:eval函數

eval函數可以直接將本質符合或者近似符合JSON格式的字符串轉換為JSON對象,使用方式如:

eval('(' + str + ')'); //其中str就是滿足本標題描述的字符串

//由JSON字符串轉換為JSON對象var str='{ "name": "John" }';var obj = eval('(' + str + ')'); alert( obj.name);var str2="{ 'name': 'John' }";var obj2 = eval('(' + str2 + ')'); alert( obj2.name);var str3="{ name: 'John' }";var obj3 = eval('(' + str3 + ')'); alert( obj3.name);

以上均會輸出結果“john”。

Eval方式可以轉換以下標準和非標準格式字符串:

var str="{ 'name': 'John' }";var str2='{ "name": "John" }';var str3="{ name: 'John' }";

參見本例下載包中:JqueryDemo1.html

B:parseJSON函數

另一種將標準字符串轉換為JSON對象的函數是parseJSON(),使用方式如jQuery.parseJSON(str)//其中str就是滿足本標題描述的字符串

//由JSON字符串轉換為JSON對象var str='{ "name": "John" }';var obj = jQuery.parseJSON(str)alert("1"+ obj.name);

以上均會輸出結果“john”。

此種方式僅支持標準格式:var str='{ "name": "John" }';

參見本例下載包中:JqueryDemo2.html

C:JSON.parse函數

還有一種將標準字符串轉換為JSON對象的函數是JSON.parse(),使用方式如JSON.parse(str)//其中str就是滿足本標題描述的字符串

var str = '{ "name": "mady", "age": "24" }';var obj = JSON.parse(str);alert(obj.name);

以上均會輸出結果“john”。

此種方式僅支持標準格式:var str='{ "name": "John" }';

參見本例下載包中:JqueryDemo3.html

以上結果一致,均輸出姓名,如下圖:

 

特別注意:如果obj本來就是一個JSON對象,那么使用eval()函數轉換后(哪怕是多次轉換)還是JSON對象,但是使用parseJSON()函數處理后會有問題(拋出語法異常)。

D:Other方式

如果忍不住想犯錯,十分十分想解析非標準、非正規字符串,如:

復制代碼 代碼如下:
{name:mady,age:23}

或者
復制代碼 代碼如下:
{name:'mady',age:23}

以及其他的你能想到的各種本質正確的非法格式,那么有擴展庫可以解決

jquery-json 擴展庫

下載地址在這里:http://code.google.com/p/jquery-json/

這個庫用來擴展 jQuery ,對于 JSON 的使用,擴展了兩個函數:toJSON和parseJSON

toJSON 函數用來將一個普通的 JavaScript 對象序列化為 JSON 對象。
parseJSON函數用來將一個普通的 JavaScript 對象序列化為 JSON 對象too。

var data=$.toJSON({ x: 2, y: 3 }); var obj = jQuery.parseJSON(data); alert(obj.x); var str = {plugin: 'jquery-json', version: 2.3}; var data2=$.toJSON(str); var obj2 = jQuery.parseJSON(data2); alert(obj2.plugin);

以上代碼執行結果如:

 

參見本例下載包中:JqueryDemo5.html

二、將JSON對象轉換為字符串

可以使用toJSONString()或者全局方法JSON.stringify()將JSON對象轉化為JSON字符串。
例如:

復制代碼 代碼如下:
var last=obj.toJSONString(); //將JSON對象轉化為JSON字符

或者

var last=JSON.stringify(obj); //將JSON對象轉化為JSON字符alert(last);

三、解析讀取JSON

我們通過各種方式將字符串轉換為JSON對象后就是解析他了。
如上面的例子:

復制代碼 代碼如下:
var str2 = { "name": "mady", "sex": "man" };

就可以這樣讀?。?br />
復制代碼 代碼如下:
alert(str2.name);//和C#一樣直接往出點…

彈出” mady”。
我們遇到的JSON很少有這么簡單的,比如復雜一點的JSON對象如:
復制代碼 代碼如下:
var str={"GetUserPostByIdResult":{"Age":"33","ID":"2server","Name":"mady"}};

解析用:
      alert(str.GetUserPostByIdResult.Name);//一次點不出來,我多點幾次
彈出:”mady”。

再再復雜一點的如:

復制代碼 代碼如下:
var data=" { root: [ {'name':'6200','value':'0'}, {'name':'6101','value':'xa'}, {'name':'6102','value':'beijing'}, {'name':'6103','value':'haerbin'}]}";

如果你想單挑的話,解析用:
復制代碼 代碼如下:
alert(dataObj.root[0].name);

彈出:“6200”。

如果你想群挑的話,解析用:

$.each(dataObj.root, function(index, item) {  $("#info").append(      "<div>" +index+":"+ item.name + "</div>" +       "<div>" +index+":"+ item.value + "</div><hr/>");});

其中這個“#info”是個DIV的ID。輸入結果如下圖:

 

參見本例下載包中:JqueryDemo4.html

注意:本例如果要使用其他轉換函數請更改字符串內單引號為雙引號,外引號為單引號。
本文完整實例代碼代碼點擊此處本站下載。

希望本文所述對大家jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲综合成人婷婷小说| 狠狠色噜噜狠狠狠狠97| 久久久人成影片一区二区三区| 欧美成人高清视频| 欧美极品少妇全裸体| 日本电影亚洲天堂| 国产成+人+综合+亚洲欧美丁香花| 美女扒开尿口让男人操亚洲视频网站| 亚洲色在线视频| 欧美极度另类性三渗透| 久久久综合免费视频| 欧美电影在线播放| 亚洲高清不卡av| 欧美最猛性xxxxx(亚洲精品)| 亚洲自拍小视频免费观看| 成人a视频在线观看| 国产在线精品自拍| 欧美极品少妇xxxxⅹ裸体艺术| 91国产精品视频在线| 在线观看日韩www视频免费| 成人日韩av在线| 26uuu久久噜噜噜噜| 日韩免费看的电影电视剧大全| 欧美性视频在线| 欧美日韩国产在线播放| 久久精品久久久久久国产 免费| 欧美一级在线播放| 亚洲美女又黄又爽在线观看| 国产精品一区专区欧美日韩| 久久天堂电影网| 久久久999国产精品| 日本国产精品视频| 在线播放日韩欧美| 精品久久久久久国产| 国内免费久久久久久久久久久| 91久久久亚洲精品| 欧美激情影音先锋| 欧美激情精品久久久| 久久人人爽人人爽人人片av高清| 亚洲天堂男人天堂女人天堂| 亚洲黄色av网站| 麻豆一区二区在线观看| 国产精品久久久久久久久男| 欧美性猛交xxxx乱大交极品| 成人欧美一区二区三区黑人| 日本不卡高字幕在线2019| 95av在线视频| 亚洲已满18点击进入在线看片| 国产午夜精品美女视频明星a级| 国产精品久久久久久影视| 成人黄色在线观看| 久久久精品电影| 国产精品96久久久久久又黄又硬| 热re91久久精品国99热蜜臀| 国产精品美女主播在线观看纯欲| 亚洲最大成人免费视频| 91在线免费观看网站| 成人免费网站在线观看| 国产精品美乳一区二区免费| 欧美高清视频在线观看| 91久久精品视频| 91色在线观看| 欧美精品在线观看91| 日韩小视频网址| 日韩免费精品视频| 国产日韩欧美影视| 亚洲国产成人精品电影| 亚洲精品日韩欧美| 日韩欧美精品在线观看| 久久深夜福利免费观看| 欧美大肥婆大肥bbbbb| 亚洲va欧美va国产综合久久| 中文字幕在线视频日韩| 亚洲国产免费av| 欧美日韩国产中文字幕| 久久久久久久久久国产精品| 最近2019中文字幕在线高清| 亚洲电影av在线| 亚洲精品自在久久| 日韩精品在线私人| 隔壁老王国产在线精品| 中文亚洲视频在线| 成人免费视频网| 欧美性生交xxxxx久久久| 亚洲国模精品一区| 国产精品久久久久久久久久久新郎| 国产亚洲免费的视频看| 中文字幕亚洲在线| 97久久精品人人澡人人爽缅北| 国产女人18毛片水18精品| 亚洲欧洲激情在线| 97不卡在线视频| 68精品久久久久久欧美| 91精品国产91久久久久久最新| 91av视频在线播放| 欧美一级大片在线免费观看| 国语自产精品视频在免费| 亚洲人免费视频| 国产精品户外野外| 92看片淫黄大片看国产片| 欧美中文在线视频| 亚洲成人精品久久久| 日本精品久久久久影院| 国产日韩欧美在线观看| 国产91在线播放精品91| 午夜精品久久久久久久白皮肤| 精品综合久久久久久97| 久久久久国产精品免费网站| 黑人与娇小精品av专区| 日韩大片免费观看视频播放| 久久网福利资源网站| 亚洲日韩欧美视频| 亚洲精品久久久一区二区三区| 欧美性猛交xxxx| 欧美精品亚州精品| 日韩中文字幕国产精品| 奇米四色中文综合久久| 日韩av手机在线看| 992tv成人免费视频| 2024亚洲男人天堂| 国产欧美日韩免费看aⅴ视频| 国产成人精品综合久久久| www.亚洲人.com| 91免费综合在线| 国产美女主播一区| 亚洲午夜精品久久久久久久久久久久| 亚洲精品久久久久久久久久久久| 欧美xxxx做受欧美.88| 成人h视频在线| 国产精品v片在线观看不卡| 中文字幕精品网| 久久天天躁夜夜躁狠狠躁2022| 欧美成人免费小视频| 中日韩美女免费视频网站在线观看| 国产成人短视频| 欧美高清第一页| 亚洲人成网站777色婷婷| 国产精品三级久久久久久电影| 97国产真实伦对白精彩视频8| 亚洲四色影视在线观看| 人人做人人澡人人爽欧美| 国产一区二区三区久久精品| 精品久久久久久国产91| 日韩激情第一页| 国产精品入口免费视| 欧美性xxxx在线播放| 神马国产精品影院av| 麻豆精品精华液| 夜夜躁日日躁狠狠久久88av| 久久久久久国产精品久久| 欧美日韩一区二区三区| 精品中文字幕在线观看| 尤物yw午夜国产精品视频| 日韩亚洲精品电影| 亚洲国产欧美一区二区三区久久| 久久久www成人免费精品| 久久久成人精品| 国产精品扒开腿做爽爽爽视频| 午夜免费日韩视频| 91在线播放国产| 久久久999精品| 国产亚洲精品日韩| 欧美高清在线播放| 日韩成人在线视频|