Ajax中如何實(shí)現(xiàn)數(shù)據(jù)傳遞-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“Ajax中如何實(shí)現(xiàn)數(shù)據(jù)傳遞”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Ajax中如何實(shí)現(xiàn)數(shù)據(jù)傳遞”這篇文章吧。

創(chuàng)新互聯(lián)是由多位在大型網(wǎng)絡(luò)公司、廣告設(shè)計(jì)公司的優(yōu)秀設(shè)計(jì)人員和策劃人員組成的一個(gè)具有豐富經(jīng)驗(yàn)的團(tuán)隊(duì)，其中包括網(wǎng)站策劃、網(wǎng)頁(yè)美工、網(wǎng)站程序員、網(wǎng)頁(yè)設(shè)計(jì)師、平面廣告設(shè)計(jì)師、網(wǎng)絡(luò)營(yíng)銷人員及形象策劃。承接：成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)站改版、網(wǎng)頁(yè)設(shè)計(jì)制作、網(wǎng)站建設(shè)與維護(hù)、網(wǎng)絡(luò)推廣、數(shù)據(jù)庫(kù)開發(fā),以高性價(jià)比制作企業(yè)網(wǎng)站、行業(yè)門戶平臺(tái)等全方位的服務(wù)。

Ajax是“異步j(luò)avascript和XML”的縮寫已經(jīng)眾所周知，然而雖然XML是看上去的重要組成部分，它卻不是必須的。一位資深的軟件工程師Douglas Crock ford 開發(fā)了一個(gè)內(nèi)建于 javascript 的數(shù)據(jù)格式，稱為javascript 對(duì)象表示（JSON，javascript Object Notation），意思是直接使用Ajax對(duì)象來(lái)傳遞信息，可以讀作“Jason”。
1. 什么是 JSON
JSON概念很簡(jiǎn)單，JSON 是一種輕量級(jí)的數(shù)據(jù)格式，他基于 javascript 語(yǔ)法的子集，即數(shù)組和對(duì)象表示。由于使用的是 javascript 語(yǔ)法，因此JSON 定義可以包含在javascript 文件中，對(duì)其的訪問無(wú)需通過基于 XML 的語(yǔ)言來(lái)額外解析。不過在使用 JSON 之前，很重要的一點(diǎn)是理解 javascript 中數(shù)組及對(duì)象字面量的特殊語(yǔ)法。
1.1 數(shù)組字面量
數(shù)組字面量，是用一對(duì)方括號(hào)括起一組用逗號(hào)隔開的 javascript 值，例如：

代碼如下:

var aNames=["hello", 12, true , null];
[html]
1.2 對(duì)象字面量
對(duì)象字面量，是通過兩個(gè)花括號(hào)來(lái)定義的。在花括號(hào)內(nèi)可以放置任意數(shù)量的“名稱-值”對(duì)，定義格式字符串值”。除了最后一行外，每個(gè)“名稱-值”對(duì)后必須有一個(gè)逗號(hào)（這與Perl 中的聯(lián)合數(shù)組的定義有些類似）。例如：
[code]
var oCar = {
"color": "red",
"doors" : 4,
"paidFor" : true
};

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

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

{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ù)的值，因此可以更快的訪問其中包含的數(shù)據(jù)。
var oCarInfo = eval("(" + sJSON + ")");
請(qǐng)記住：在javascript中花括號(hào)也是一個(gè)語(yǔ)句。要讓解析器知道這個(gè)花括號(hào)表示的是一個(gè)對(duì)象而非一個(gè)語(yǔ)句的方法是能否找到封裝它的圓括號(hào)（它是用來(lái)說明代碼是一個(gè)表達(dá)式而非一個(gè)語(yǔ)句）。
1.5 JSON 編碼和解碼
作為 JSON 資源的一部分，Corockford 開發(fā)了一個(gè)能夠?qū)崿F(xiàn) JSON 和Javascript 對(duì)象直接解碼和編碼的工具。這個(gè)工具的源程序可以在 www.crockford.com/JSON/json.js 中下載。
在上面提出用到eval() 存在些固有的不足：它是用來(lái)對(duì)傳入的任何 Javascript 代碼求值的，而不僅僅針對(duì)JSON。因此，當(dāng)涉及企業(yè)級(jí) web 應(yīng)用程序開發(fā)時(shí)，它存在很大的安全隱患。為了解決這個(gè)問題，可以使用只用來(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 中沒有內(nèi)建這種功能支持）。你要做的只是將對(duì)象傳入到 JSON.Stringify() 方法。請(qǐng)看下面的例子：

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

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
正如上面所說，JSON 與 XML 相比的一大優(yōu)點(diǎn)就是它更加簡(jiǎn)單。
請(qǐng)看 XML 數(shù)據(jù)表示實(shí)例：
使用XML表示：

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

<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表示：

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

很容易發(fā)現(xiàn)，許多冗余的信息不見了。由于不需要有與開始標(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ù)交換格式不是用肉眼觀察的。如果是通過工具對(duì)來(lái)回傳送的數(shù)據(jù)進(jìn)行創(chuàng)建和解析，那么的確沒有理由要求數(shù)據(jù)必須使人們易于閱讀。問題的實(shí)質(zhì)在于：存在可用的 JSON 工具。

3. 服務(wù)器端 JSON 工具
java ：java JSON 工具，由Douglas Crock ford 開發(fā)，可在 www.crockford.com/JSON/java/
中下載，它可以在 JSP 中使用。

4. JSON 優(yōu)勢(shì)與缺點(diǎn)
JSON不僅減少了解析XML解析帶來(lái)的性能問題和兼容性問題，而且對(duì)于javascript來(lái)說非常容易使用，可以方便的通過遍歷數(shù)組以及訪問對(duì)象屬性來(lái)獲取數(shù)據(jù)，其可讀性也不錯(cuò)，基本具備了結(jié)構(gòu)化數(shù)據(jù)的性質(zhì)。不得不說是一個(gè)很好的辦法，而且事實(shí)上google maps就沒有采用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ù)器端和客戶端有不同的開發(fā)人員。它們必須協(xié)商對(duì)象的格式，這很容易造成錯(cuò)誤。

以上是“Ajax中如何實(shí)現(xiàn)數(shù)據(jù)傳遞”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：Ajax中如何實(shí)現(xiàn)數(shù)據(jù)傳遞-創(chuàng)新互聯(lián)
本文網(wǎng)址：http://muchs.cn/article38/dpodpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、微信小程序、定制網(wǎng)站、App開發(fā)、面包屑導(dǎo)航、企業(yè)網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容