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