深入理解JSON數(shù)據(jù)源格式
更新時(shí)間：2014年01月10日 09:34:17 作者：
JSON 在很多場(chǎng)合下作為數(shù)據(jù)格式比XML要更加方便。JSON的數(shù)據(jù)由對(duì)象、數(shù)組和元素等格式組成。每種格式都可以包含合法的JavaScript數(shù)據(jù)類型
JSON [ JavaScript Object Notation ]：JavaScript 對(duì)象表示法。
它是一種輕量級(jí)的數(shù)據(jù)交換格式。
JSON 在很多場(chǎng)合下作為數(shù)據(jù)格式比XML 要更加方便。
JSON 的數(shù)據(jù)由對(duì)象、數(shù)組和元素等格式組成。每種格式都可以包含合法的JavaScript 數(shù)據(jù)類型。
在JavaScript 中，可以通過(guò)eval( ) 方法將字符串直接轉(zhuǎn)化為JSON 格式。
JSON 數(shù)據(jù)源格式如下：
示例一：
復(fù)制代碼 代碼如下:
{
"tablename":"表名",
"rows":[{"列1":"值1"},{"列2":"值2"}.....{"列n":"值n"}]
}
示例二：
復(fù)制代碼 代碼如下:
/* 與 JSON 等價(jià)的代碼
var obj = new Object();
obj.createPerson = function(_name,_age){
this.name = _name;
this.age = _age;
}
obj.getAge = function(){
return this.age;
}
*/
var person = {
"createPerson": function(_name,_age){
this.name = _name;
this.age = _age;
},
"getAge": function(){
return this.age;
}
};
person.createPerson("xugang",20);
var p = person.getAge();
alert(p);
示例三：通過(guò)eval( ) 方法將字符串直接轉(zhuǎn)化為JSON 并獲得元素的值。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
<!--
window.onload = function(){
var json_text = "{ 'book':{'name':'JAVA編程','author':['Liu','Xu']},'num':222}";
//使用eval()將字符串轉(zhuǎn)換為對(duì)象
var json_obj = eval("("+ json_text +")");
//訪問(wèn) book-name
document.write(json_obj.book.name);
//訪問(wèn) book-author-Xu
document.write(json_obj.book.author[1]);
}
//-->
</script>
附：在JQuery 中提供了 $.getJSON( ) 方法，可以很快捷地訪問(wèn)到服務(wù)器端返回的JSON 數(shù)據(jù)。
相關(guān)文章
這篇文章主要介紹了JS深度拷貝Object Array,結(jié)合實(shí)例形式分析了JavaScript深度拷貝的原理,需要的朋友可以參考下2016-03-03
Javascript限制網(wǎng)頁(yè)只能在微信內(nèi)置瀏覽器中訪問(wèn)
最近正在開發(fā)一個(gè)微信公眾賬號(hào)，其中有一項(xiàng)功能是用戶發(fā)送文字消息給公眾號(hào)，然后公眾號(hào)返回圖文消息給用戶，用戶再點(diǎn)擊圖文消息即可跳轉(zhuǎn)到一個(gè)網(wǎng)頁(yè)鏈接，在微信的內(nèi)置瀏覽器中打開。2014-11-11
JS獲取計(jì)算機(jī)mac地址以及IP的實(shí)現(xiàn)方法
本篇文章主要是對(duì)利用JS獲取計(jì)算機(jī)mac地址以及IP的實(shí)現(xiàn)方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
JS實(shí)現(xiàn)的簡(jiǎn)單拖拽功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的簡(jiǎn)單拖拽功能,涉及javascript鼠標(biāo)事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2017-03-03
微信小程序網(wǎng)絡(luò)封裝(簡(jiǎn)單高效)
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)封裝(簡(jiǎn)單高效)，微信小程序的網(wǎng)絡(luò)請(qǐng)求很便捷，直接調(diào)用就可以了。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
Javascript?動(dòng)態(tài)樣式控制方法
這篇文章主要介紹了Javascript?動(dòng)態(tài)樣式控制方法。文章總結(jié)了兩個(gè)方法使用style屬性來(lái)設(shè)置和定義好類選擇器的樣式,通過(guò)元素的ClassName屬性來(lái)設(shè)置其Class屬性值,需要的朋友可以參考一下2022-03-03
Bootstrap 4是一次重大更新，幾乎涉及每行代碼，這篇文章為大家分享了Bootstrap 4.0重大更新及亮點(diǎn)詳細(xì)解讀，感興趣的小伙伴們可以參考一下2016-05-05
JS生成不重復(fù)隨機(jī)數(shù)組的函數(shù)代碼
這篇文章主要介紹了JS生成不重復(fù)隨機(jī)數(shù)組的函數(shù)代碼,需要的朋友可以參考下2014-06-06
談?wù)勎覍?duì)JavaScript DOM事件的理解
DOM與事件是JavaScript最核心的組成部分之一，他們賦予了頁(yè)面無(wú)限的想象空間，你根本無(wú)法離開他們，否則js將寸步難行。本文給大家分享我對(duì)javascript dom事件的了解，對(duì)javascript dom事件相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12
Bootstrap標(biāo)簽頁(yè)（Tab）插件切換echarts不顯示問(wèn)題的解決
這篇文章主要給大家介紹了關(guān)于Bootstrap標(biāo)簽頁(yè)（Tab）插件切換echarts不顯示問(wèn)題的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-07-07