一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務(wù)器之家:專注于服務(wù)器技術(shù)及軟件下載分享
分類導(dǎo)航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務(wù)器之家 - 編程語言 - JavaScript - json - JSON學(xué)習(xí)筆記

JSON學(xué)習(xí)筆記

2022-01-03 21:47JSON教程網(wǎng) json

JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式,易于閱讀和編寫,同時(shí)也易于機(jī)器解析和生成。它基于ECMA262語言規(guī)范(1999-12第三版)中JavaScript編程語言的一個(gè)子集。 JSON采用與編程語言無關(guān)的文本格式,但是也使用了類

利用xmlHttpRequest組件作為交互工具,利用XML作為數(shù)據(jù)傳輸?shù)母袷健?br />
[  XML ]
使用XML作為傳輸格式的優(yōu)勢(shì):
1. 格式統(tǒng)一, 符合標(biāo)準(zhǔn)
2. 容易與其他系統(tǒng)進(jìn)行遠(yuǎn)程交互, 數(shù)據(jù)共享比較方便

缺點(diǎn):
1. XML文件格式文件龐大, 格式復(fù)雜, 傳輸占用帶寬
2. 服務(wù)器端和客戶端都需要花費(fèi)大量代碼來解析XML, 不論服務(wù)器端和客戶端代碼變的異常復(fù)雜和不容易維護(hù)
3. 客戶端不同瀏覽器之間解析XML的方式不一致, 需要重復(fù)編寫很多代碼
4. 服務(wù)器端和客戶端解析XML花費(fèi)資源和時(shí)間


[ JSON ]
那么除了XML格式, 還有沒有其他格式, 有一種叫做JSON (JavaScript Object Notation) 的輕量級(jí)數(shù)據(jù)交換格式能夠替代XML的工作.

優(yōu)點(diǎn):
1. 數(shù)據(jù)格式比較簡(jiǎn)單, 易于讀寫, 格式都是壓縮的, 占用帶寬小
2. 易于解析這種語言, 客戶端JavaScript可以簡(jiǎn)單的通過eval()進(jìn)行JSON數(shù)據(jù)的讀取
3. 支持多種語言, 包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby等語言服務(wù)器端語言, 便于服務(wù)器端的解析
4. 在PHP世界, 已經(jīng)有PHP-JSON和JSON-PHP出現(xiàn)了, 便于PHP序列化后的程序直接調(diào)用. PHP服務(wù)器端的對(duì)象、數(shù)組等能夠直接生JSON格式, 便于客戶端的訪問提取.
   另外PHP的PEAR類已經(jīng)提出了支持 (http://pear.php.net/pepr/pepr-proposal-show.php?id=198)
5. 因?yàn)镴SON格式能夠直接為服務(wù)器端代碼使用, 大大簡(jiǎn)化了服務(wù)器端和客戶端的代碼開發(fā)量, 但是完成的任務(wù)不變, 且易于維護(hù)

缺點(diǎn):
1. 沒有XML格式這么推廣的深入人心和使用廣泛, 沒有XML那么通用性
2. JSON格式目前在Web Service中推廣還屬于初級(jí)階段

PS: 據(jù)說Google的Ajax是使用 JSON+模板 做的

JSON定義
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式,易于閱讀和編寫,同時(shí)也易于機(jī)器解析和生成。它基于ECMA262語言規(guī)范(1999-12第三版)中JavaScript編程語言的一個(gè)子集。 JSON采用與編程語言無關(guān)的文本格式,但是也使用了類C語言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的習(xí)慣,這些特性使JSON成為理想的數(shù)據(jù)交換格式。
JSON的結(jié)構(gòu)基于下面兩點(diǎn)

1. "名稱/值"對(duì)的集合 不同語言中,它被理解為對(duì)象(object),記錄(record),結(jié)構(gòu)(struct),字典(dictionary),哈希表(hash table),鍵列表(keyed list)等
2. 值的有序列表 多數(shù)語言中被理解為數(shù)組(array)
JSON使用:
JSON以一種特定的字符串形式來表示 JavaScript 對(duì)象。如果將具有這樣一種形式的字符串賦給任意一個(gè) JavaScript 變量,那么該變量會(huì)變成一個(gè)對(duì)象引用,而這個(gè)對(duì)象就是字符串所構(gòu)建出來的,好像有點(diǎn)拗口,我們還是用實(shí)例來說明。
這里假設(shè)我們需要?jiǎng)?chuàng)建一個(gè)User對(duì)象,并具有以下屬性
用戶ID
用戶名
用戶Email
您可以使用以下JSON形式來表示User對(duì)象:
JavaScript代碼
{"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};
然后如果把這一字符串賦予一個(gè)JavaScript變量,那么就可以直接使用對(duì)象的任一屬性了。
完整代碼:
JavaScript代碼

復(fù)制代碼 代碼如下:


<script>
var User = {"UserID":11, "Name":"Truly", "Email":"zhuleipro◎hotmail.com"};
alert(User.Name);
</script>


實(shí)際使用時(shí)可能更復(fù)雜一點(diǎn),比如我們?yōu)镹ame定義更詳細(xì)的結(jié)構(gòu),使它具有FirstName和LastName:
JavaScript代碼
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"}
完整代碼:
JavaScript代碼

復(fù)制代碼 代碼如下:


<script>
var User = {"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"};
alert(User.Name.FirstName);
</script>


現(xiàn)在我們?cè)黾右粋€(gè)新的需求,我們某個(gè)頁面需要一個(gè)用戶列表,而不僅僅是一個(gè)單一的用戶信息,那么這里就需要?jiǎng)?chuàng)建一個(gè)用戶列表數(shù)組。
下面代碼演示了使用JSON形式定義這個(gè)用戶列表:
JavaScript代碼

復(fù)制代碼 代碼如下:


[
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},
{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"},
{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"}
]


完整代碼:
JavaScript代碼

復(fù)制代碼 代碼如下:


<script>
var UserList = [
{"UserID":11, "Name":{"FirstName":"Truly","LastName":"Zhu"}, "Email":"zhuleipro◎hotmail.com"},
{"UserID":12, "Name":{"FirstName":"Jeffrey","LastName":"Richter"}, "Email":"xxx◎xxx.com"},
{"UserID":13, "Name":{"FirstName":"Scott","LastName":"Gu"}, "Email":"xxx2◎xxx2.com"}
];
alert(UserList[0].Name.FirstName);
</script>


事實(shí)上除了使用"."引用屬性外,我們還可以使用下面語句:
JavaScript代碼

復(fù)制代碼 代碼如下:


alert(UserList[0]["Name"]["FirstName"]); 或者 alert(UserList[0].Name["FirstName"]);


現(xiàn)在讀者應(yīng)該對(duì)JSON的使用有點(diǎn)認(rèn)識(shí)了,歸納為以下幾點(diǎn):
對(duì)象是屬性、值對(duì)的集合。一個(gè)對(duì)象的開始于“{”,結(jié)束于“}”。每一個(gè)屬性名和值間用“:”提示,屬性間用“,”分隔。
數(shù)組是有順序的值的集合。一個(gè)數(shù)組開始于"[",結(jié)束于"]",值之間用","分隔。
值可以是引號(hào)里的字符串、數(shù)字、true、false、null,也可以是對(duì)象或數(shù)組。這些結(jié)構(gòu)都能嵌套。
字符串和數(shù)字的定義和C或Java基本一致。
小節(jié):
本文通過一個(gè)實(shí)例演示,初步了解了JSON 的強(qiáng)大用途??梢詺w結(jié)如下:
JSON 提供了一種優(yōu)秀的面向?qū)ο蟮姆椒?,以便將元?shù)據(jù)緩存到客戶機(jī)上。
JSON 幫助分離了驗(yàn)證數(shù)據(jù)和邏輯。
JSON 幫助為 Web 應(yīng)用程序提供了 Ajax 的本質(zhì)。

參考資料:
http://www.json.org/
http://www.ibm.com/developerworks/cn/web/wa-lo-json/?ca=drs-tp3308#N1010D

延伸 · 閱讀

精彩推薦
  • jsonjson.stringify()與json.parse()的區(qū)別以及用處

    json.stringify()與json.parse()的區(qū)別以及用處

    這篇文章主要介紹了json.stringify()與json.parse()的區(qū)別以及用處,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的...

    Adelamm4582022-01-06
  • json厲害了,ECMAScript 新提案:JSON模塊

    厲害了,ECMAScript 新提案:JSON模塊

    第三階段的一個(gè)名為JSON模塊的新提議,提出了一種將JSON導(dǎo)入到ES模塊的方法?,F(xiàn)在,我們來看看JSON模塊是如何工作的。...

    大遷世界11232021-12-27
  • jsonJSON學(xué)習(xí)筆記

    JSON學(xué)習(xí)筆記

    JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式,易于閱讀和編寫,同時(shí)也易于機(jī)器解析和生成。它基于ECMA262語言規(guī)范(1999-12第三版)中JavaScript編...

    JSON教程網(wǎng)3562022-01-03
  • json使Ext的Template可以解析二層的json數(shù)據(jù)的方法

    使Ext的Template可以解析二層的json數(shù)據(jù)的方法

    使Ext的Template可以解析二層的json數(shù)據(jù)的方法...

    json教程網(wǎng)4862022-01-03
  • json看了就知道什么是JSON

    看了就知道什么是JSON

    JSON(Javascript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式。易于人閱讀和編寫。同時(shí)也易于機(jī)器解析和生成。它基于Javascript Programming Language, Standard ECMA-262 ...

    JSON教程網(wǎng)5932022-01-03
  • json用 JSON 處理緩存

    用 JSON 處理緩存

    使用 JSON(即 JavaScript Object Notation),將以一種特定的字符串形式來表示 JavaScript 對(duì)象。如果將具有這樣一種形式的字符串賦給任意一個(gè) JavaScript 變量,該...

    JSON教程網(wǎng)8642022-01-03
  • json告訴大家什么是JSON

    告訴大家什么是JSON

    JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式。易于人閱讀和編寫。同時(shí)也易于機(jī)器解析和生成。...

    json教程網(wǎng)6432022-01-03
  • jsonXML的代替者----JSON

    XML的代替者----JSON

    我個(gè)人覺得PHP與Javascript各有長(zhǎng)處,如果能完美的結(jié)合起來,那將創(chuàng)造出許許多多的奇跡!我是初次寫此類文章,Bug難免,請(qǐng)各位指正~ 現(xiàn)在AJAX應(yīng)用非常流行...

    JSON教程網(wǎng)7022022-01-03
主站蜘蛛池模板: 多人群p全肉小说 | 亚洲午夜久久久久久91 | 亚洲国产精品综合久久一线 | 我的青梅竹马是消防员2季未增删免费 | 欧美xxx000喷水| 日日精品 | 国产成人盗拍精品免费视频 | 手机国产乱子伦精品视频 | 国产福利一区二区在线精品 | 亚洲国产精品91 | 999精品视频在线观看热6 | 午夜一区二区免费视频 | 97色蜜桃| 毛片资源 | 日韩专区在线观看 | gay小太正初精 | 色五夜婷婷 | 深夜视频免费看 | 青苹果乐园影院免费观看完整版 | a毛片久久免费观看 | 边摸边吃奶边做爽gif动态图 | 亚洲国产成人精品无码区APP | 和直男装修工在工地啪 | 精品国产一级毛片大全 | 亚洲精品久久久打桩机 | 543精品视频 | 四虎www| 99久久精品免费看国产四区 | 国产在线观看91 | 91影视永久福利免费观看 | 久9青青cao精品视频在线 | 五月色婷婷在线影院 | 欧美vpswindows | 欧美日韩国产一区二区三区欧 | 久久三级视频 | 青柠在线完整高清观看免费 | 久久国产主播福利在线 | 欧美久久影院 | 午夜想想爱午夜剧场 | 日本黄色网页 | 风间由美被义子中文字幕 |