深入理解JSON數(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ù)類(lèi)型。
在JavaScript 中,可以通過(guò)eval( ) 方法將字符串直接轉(zhuǎn)化為JSON 格式。
JSON 數(shù)據(jù)源格式如下:
示例一:
{
"tablename":"表名",
"rows":[{"列1":"值1"},{"列2":"值2"}.....{"列n":"值n"}]
}
示例二:
/* 與 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 并獲得元素的值。
<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)文章
webpack實(shí)現(xiàn)熱更新(實(shí)施同步刷新)
本篇文章主要介紹了webpack實(shí)現(xiàn)熱更新(實(shí)施同步刷新),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07Uniapp微信小程序?qū)崿F(xiàn)全局事件監(jiān)聽(tīng)并進(jìn)行數(shù)據(jù)埋點(diǎn)的方法
niapp起源?uni-app是一個(gè)使用Vue.js開(kāi)發(fā)所有前端應(yīng)用的框架,下面這篇文章主要給大家介紹了關(guān)于Uniapp微信小程序?qū)崿F(xiàn)全局事件監(jiān)聽(tīng)并進(jìn)行數(shù)據(jù)埋點(diǎn)的相關(guān)資料,需要的朋友可以參考下2022-11-11多個(gè)表單中如何獲得這個(gè)文件上傳的網(wǎng)址實(shí)現(xiàn)js代碼
假設(shè)一個(gè)網(wǎng)頁(yè)里有多個(gè)表單,其中一個(gè)表單里有文件上傳,問(wèn)題是如何獲得這個(gè)文件上傳的網(wǎng)址呢,接下來(lái)為大家介紹下實(shí)現(xiàn)的js代碼,感興趣的朋友可以參考下哈,希望可以幫助到你2013-03-03JavaScript簡(jiǎn)單實(shí)現(xiàn)彈出拖拽窗口(二)
這篇文章再次為大家詳細(xì)介紹了JavaScript簡(jiǎn)單實(shí)現(xiàn)彈出拖拽窗口的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06JavaScript實(shí)現(xiàn)簡(jiǎn)易登錄注冊(cè)頁(yè)面
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易登錄注冊(cè)頁(yè)面,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下<BR>2022-01-01常用js,css文件統(tǒng)一加載方法(推薦) 并在加載之后調(diào)用回調(diào)函數(shù)
下面小編就為大家?guī)?lái)一篇常用js,css文件統(tǒng)一加載方法(推薦) 并在加載之后調(diào)用回調(diào)函數(shù)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09一道超經(jīng)典js面試題Foo.getName()的故事
Foo.getName算是一道比較老的面試題了,大致百度了一下在17年就有相關(guān)文章在介紹它,下面這篇文章主要給大家介紹了關(guān)于一道超經(jīng)典js面試題Foo.getName()的相關(guān)資料,需要的朋友可以參考下2022-03-03vue(javaScript)操作字符串的一些常用方法總結(jié)
在平時(shí)前端開(kāi)發(fā)中,我們不難發(fā)現(xiàn)經(jīng)常會(huì)用到字符串操作,這篇文章主要給大家介紹了關(guān)于vue(javaScript)操作字符串的一些常用方法的相關(guān)資料,需要的朋友可以參考下2024-01-01