1. 什么是 JSON

JSON概念很簡(jiǎn)單，JSON 是一種輕量級(jí)的數(shù)據(jù)格式，他基于 javascript 語(yǔ)法的子集，即數(shù)組和對(duì)象表示。由于使用的是 javascript 語(yǔ)法，因此JSON 定義可以包含在javascript 文件中，對(duì)其的訪問(wèn)無(wú)需通過(guò)基于 XML 的語(yǔ)言來(lái)額外解析。不過(guò)在使用 JSON 之前，很重要的一點(diǎn)是理解 javascript 中數(shù)組及對(duì)象字面量的特殊語(yǔ)法。

1.1 數(shù)組字面量

數(shù)組字面量，是用一對(duì)方括號(hào)括起一組用逗號(hào)隔開(kāi)的 javascript 值，例如：

var aNames=["hello", 12, true , null];

1.2 對(duì)象字面量

對(duì)象字面量，是通過(guò)兩個(gè)花括號(hào)來(lái)定義的。在花括號(hào)內(nèi)可以放置任意數(shù)量的“名稱-值”對(duì)，定義格 式字符串值”。除了最后一行外，每個(gè)“名稱-值”對(duì)后必須有一個(gè)逗號(hào)（這與Perl 中的聯(lián)合數(shù)組的定義有些類似）。例如：

        var oCar = {

               "color": "red",       

              "doors" : 4,

               "paidFor" : true

        };

1.3 混合字面量

我們可以混用對(duì)象和數(shù)組字面量，來(lái)創(chuàng)建一個(gè)對(duì)象數(shù)組，或一個(gè)包含數(shù)組的對(duì)象。例如：

{comments:[
{
id:1,
author:"someone1",
url:"http://someone1.x2design.net",
content:"hello"
},
{
id:2,
author:"someone2",
url:"http://someone2.x2design.net",
content:"hello"
},
{
id:3,
author:"someone3",
url:"http://someone3.x2design.net",
content:"hello"
}
]};

1.4 JSON 語(yǔ)法

在Ajax應(yīng)用中，就是服務(wù)器直接生成javascript語(yǔ)句，客戶端獲取后直接用eval方法來(lái)獲得這個(gè)對(duì)象，這樣就可以省去解析XML的性能損失。 同時(shí)，在javascript 通信中使用JSON作為數(shù)據(jù)格式的好處很明星，可以立即獲得數(shù)據(jù)的值，因此可以更快的訪問(wèn)其中包含的數(shù)據(jù)。

var oCarInfo = eval("(" + sJSON + ")");

請(qǐng)記?。涸趈avascript中花括號(hào)也是一個(gè)語(yǔ)句。要讓解析器知道這個(gè)花括號(hào)表示的是一個(gè)對(duì)象而非一個(gè)語(yǔ)句的唯一方法是能否找到封裝它的圓括號(hào) （它是用來(lái)說(shuō)明代碼是一個(gè)表達(dá)式而非一個(gè)語(yǔ)句）。

1.5 JSON 編碼和解碼

作為 JSON 資源的一部分，Corockford 開(kāi)發(fā)了一個(gè)能夠?qū)崿F(xiàn) JSON 和Javascript 對(duì)象直接解碼和編碼的工具。這個(gè)工具的源程序可以在 https://github.com/douglascrockford/JSON-js 中下載。

在上面提出用到eval() 存在些固有的不足：它是用來(lái)對(duì)傳入的任何 Javascript 代碼求值的，而不僅僅針對(duì)JSON。因此，當(dāng)涉及企業(yè)級(jí) web 應(yīng)用程序開(kāi)發(fā)時(shí)，它存在很大的安全隱患。為了解決這個(gè)問(wèn)題，可以使用只用來(lái)將 JSON 代碼轉(zhuǎn)換為 Javascript 的解析器 JSON.parse() 方法來(lái)實(shí)現(xiàn)。例如：

var oObject = JSON.parse (sJSON);

同時(shí)，它也提供了一種將 Javascript 對(duì)象轉(zhuǎn)換為 JSON 字符串（數(shù)據(jù)傳輸時(shí)使用的）的工具（在Javascript 中沒(méi)有內(nèi)建這種功能支持）。你要做的只是將對(duì)象傳入到 JSON.Stringify() 方法。請(qǐng)看下面的例子：

       var oCar = new Object();

       oCar.doors = 4;

        oCar.color = "blue";

       oCar.year = 1995;

       oCar.drivers = new Array("Penny", "Dan" , "Kris");

       document.write(JSON.stringify(oCar));

這段代碼將輸出如下所示的JSON 字符串：

{"doors" : 4, "color" : "blue", "year" :1995, "drivers" : ["Penny", "Dan" , "Kris"]}

2. JSON 與 XML

正如上面所說(shuō)，JSON 與 XML 相比的一大優(yōu)點(diǎn)就是它更加簡(jiǎn)單。

請(qǐng)看 XML 數(shù)據(jù)表示實(shí)例：

使用XML表示：

<comments>
<comment>
<id>1</id>
<author>someone1</author>
<url>http://someone1.x2design.net</url>
<content>hello</content>
</comment>
<comment>
<id>2</id>
<author>someone2</author>
<url>http://someone2.x2design.net</url>
<content>someone1</content>
</comment>
<comment>
<id>3</id>
<author>someone3</author>
<url>http://someone3.x2design.net</url>
<content>hello</content>
</comment>
</comments>

使用JSON表示：

{comments:[
{
id:1,
author:"someone1",
url:"http://someone1.x2design.net",
content:"hello"
},
{
id:2,
author:"someone2",
url:"http://someone2.x2design.net",
content:"hello"
},
{
id:3,
author:"someone3",
url:"http://someone3.x2design.net",
content:"hello"
}
]};

很容易發(fā)現(xiàn)，許多冗余的信息不見(jiàn)了。由于不需要有與開(kāi)始標(biāo)簽（opening tag）匹配的結(jié)束標(biāo)簽（closing tag），因此傳送相同的信息所需的字節(jié)數(shù)大大降低了。創(chuàng)始人 Corockford 將其稱之為“XML 的減肥方案”）。

JSON 格式的數(shù)據(jù)與 XML 相比，缺點(diǎn)是對(duì)于外行人可讀性更差。當(dāng)然，有一種觀點(diǎn)是，數(shù)據(jù)交換格式不是用肉眼觀察的。如果是通過(guò)工具對(duì)來(lái)回傳送的數(shù)據(jù)進(jìn)行創(chuàng)建和解析，那么的確沒(méi)有理 由要求數(shù)據(jù)必須使人們易于閱讀。問(wèn)題的實(shí)質(zhì)在于：存在可用的 JSON 工具。

3. 服務(wù)器端 JSON 工具

java ：java JSON 工具，由 Douglas Crock ford 開(kāi)發(fā)，可在 https://github.com/stleary/JSON-java 中下載，它可以在 JSP 中使用。

4. JSON 優(yōu)勢(shì)與缺點(diǎn)

JSON不僅減少了解析XML解析帶來(lái)的性能問(wèn)題和兼容性問(wèn)題，而且對(duì)于javascript來(lái)說(shuō)非常容易使用，可以方便的通過(guò)遍歷數(shù)組以及訪問(wèn)對(duì)象屬性 來(lái)獲取數(shù)據(jù)，其可讀性也不錯(cuò)，基本具備了結(jié)構(gòu)化數(shù)據(jù)的性質(zhì)。不得不說(shuō)是一個(gè)很好的辦法，而且事實(shí)上google maps就沒(méi)有采用XML傳遞數(shù)據(jù)，而是采用了JSON方案。

JSON 另外一個(gè)優(yōu)勢(shì)是跨域可行性，例如你在www.xxx.com的 網(wǎng)頁(yè)里使用是完全可行的，這就意味著你可以跨域傳遞信息。而使用XMLHttpRequest卻獲取不了跨域的信息，這是Javascript內(nèi)部的安全 性質(zhì)所限制的。

JSON看上去很美，是不是就能完全取代XML呢？事實(shí)并非如此，而原因就在于XML的優(yōu)勢(shì)：通用性。要使服務(wù)器端產(chǎn)生語(yǔ)法合格的javascript代 碼并不是很容易做到的，這主要發(fā)生在比較龐大的系統(tǒng)，服務(wù)器端和客戶端有不同的開(kāi)發(fā)人員。它們必須協(xié)商對(duì)象的格式，這很容易造成錯(cuò)誤。

JSON.parse(jsonstr); //可以將json字符串轉(zhuǎn)換成json對(duì)象?

JSON.stringify(jsonobj); //可以將json對(duì)象轉(zhuǎn)換成json自符串?

js重新刷新本頁(yè)面：window.location.reload();

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論