如果您閱讀了本系列前面的文章,那么應已對數據格式有了相當的認識。前面的文章解釋了在許多異步應用程序中如何恰當地使用純文本和簡(jiǎn)單的名稱(chēng)/值對??梢詫祿M合成下面這樣的形式:
firstName=Brett&lastName=McLaughlin&email=brett@newInstance.com |
這樣就行了,不需要再做什么了。實(shí)際上,Web 老手會(huì )意識到通過(guò) GET 請求發(fā)送的信息就是采用這種格式。
然后,本系列討論了 XML。顯然,XML 得到了相當多的關(guān)注(正面和負面的評價(jià)都有),已經(jīng)在 Ajax 應用程序中廣泛使用。關(guān)于如何使用 XML 數據格式,可以回顧 本系列前面的文章:
<request> <firstName>Brett</firstName> <lastName>McLaughlin</lastName> <email>brett@newInstance.com</email> </request> |
這里的數據與前面看到的相同,但是這一次采用 XML 格式。這沒(méi)什么了不起的;這只是另一種數據格式,使我們能夠使用 XML 而不是純文本和名稱(chēng)/值對。
本文討論另一種數據格式,JavaScript Object Notation(JSON)。JSON 看起來(lái)既熟悉又陌生。它提供了另一種選擇,選擇范圍更大總是好事情。
在深入研究 JSON 格式的細節之前,您應該了解為什么要用兩篇文章討論另一種數據格式(是的,本系列中的下一篇文章也討論 JSON),尤其在已經(jīng)了解了如何使用 XML 和純文本的名稱(chēng)/值對的情況下。其實(shí),原因很簡(jiǎn)單:解決任何問(wèn)題的選擇越多,找到問(wèn)題的最佳 解決方案的可能性就越大,這比只能使用一個(gè) 解決方案要好得多。
本系列已經(jīng)用了大量篇幅討論適合使用名稱(chēng)/值對和 XML 的場(chǎng)合??偸菓撌紫瓤紤]使用名稱(chēng)/值對。對于大多數異步應用程序中的問(wèn)題,使用名稱(chēng)/值對幾乎總是最簡(jiǎn)單的解決方案,而且它只需要非?;镜?JavaScript 知識。
實(shí)際上,除非有某種限制迫使您轉向 XML,否則用不著(zhù)考慮使用別的數據格式。顯然,如果要向需要 XML 格式的輸入的服務(wù)器端程序發(fā)送數據,那么希望使用 XML 作為數據格式。但是,在大多數情況下,對于需要向應用程序發(fā)送多段信息的服務(wù)器,XML 是更好的選擇;換句話(huà)說(shuō),XML 通常更適合用來(lái)向 Ajax 應用程序做出響應,而不是從 Ajax 應用程序發(fā)出請求。
在使用名稱(chēng)/值對或 XML 時(shí),實(shí)際上是使用 JavaScript 從應用程序中取得數據并將數據轉換成另一種數據格式。在這些情況下,JavaScript 在很大程度上作為一種數據操縱語(yǔ)言,用來(lái)移動(dòng)和操縱來(lái)自 Web 表單的數據,并將數據轉換為一種適合發(fā)送給服務(wù)器端程序的格式。
但是,有時(shí)候 JavaScript 不僅僅作為格式化語(yǔ)言使用。在這些情況下,實(shí)際上使用 JavaScript 語(yǔ)言中的對象來(lái)表示數據,而不僅是將來(lái)自 Web 表單的數據放進(jìn)請求中。在這些情況下,從 JavaScript 對象中提取數據,然后再將數據放進(jìn)名稱(chēng)/值對或 XML,就有點(diǎn)兒多此一舉 了。這時(shí)就合適使用 JSON:JSON 允許輕松地將 JavaScript 對象轉換成可以隨請求發(fā)送的數據(同步或異步都可以)。
JSON 并不是某種魔彈;但是,它對于某些非常特殊的情況是很好的選擇。不要認為您不會(huì )遇到這些情況。閱讀本文和下一篇文章來(lái)了解 JSON,這樣,遇到這類(lèi)問(wèn)題時(shí)您就知道該怎么辦了。
![]() ![]() |
![]()
|
簡(jiǎn)單地說(shuō),JSON 可以將 JavaScript 對象中表示的一組數據轉換為字符串,然后就可以在函數之間輕松地傳遞這個(gè)字符串,或者在異步應用程序中將字符串從 Web 客戶(hù)機傳遞給服務(wù)器端程序。這個(gè)字符串看起來(lái)有點(diǎn)兒古怪(稍后會(huì )看到幾個(gè)示例),但是 JavaScript 很容易解釋它,而且 JSON 可以表示比名稱(chēng)/值對更復雜的結構。例如,可以表示數組和復雜的對象,而不僅僅是鍵和值的簡(jiǎn)單列表。
按照最簡(jiǎn)單的形式,可以用下面這樣的 JSON 表示名稱(chēng)/值對:
{ "firstName": "Brett" } |
這個(gè)示例非?;?,而且實(shí)際上比等效的純文本名稱(chēng)/值對占用更多的空間:
firstName=Brett |
但是,當將多個(gè)名稱(chēng)/值對串在一起時(shí),JSON 就會(huì )體現出它的價(jià)值了。首先,可以創(chuàng )建包含多個(gè)名稱(chēng)/值對的記錄,比如:
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" } |
從語(yǔ)法方面來(lái)看,這與名稱(chēng)/值對相比并沒(méi)有很大的優(yōu)勢,但是在這種情況下 JSON 更容易使用,而且可讀性更好。例如,它明確地表示以上三個(gè)值都是同一記錄的一部分;花括號使這些值有了某種聯(lián)系。
當需要表示一組值時(shí),JSON 不但能夠提高可讀性,而且可以減少復雜性。例如,假設您希望表示一個(gè)人名列表。在 XML 中,需要許多開(kāi)始標記和結束標記;如果使用典型的名稱(chēng)/值對(就像在本系列前面文章中看到的那種名稱(chēng)/值對),那么必須建立一種專(zhuān)有的數據格式,或者將鍵名稱(chēng)修改為 person1-firstName 這樣的形式。
如果使用 JSON,就只需將多個(gè)帶花括號的記錄分組在一起:
{ "people": [ { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }, { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" }, { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" } ]} |
這不難理解。在這個(gè)示例中,只有一個(gè)名為 people 的變量,值是包含三個(gè)條目的數組,每個(gè)條目是一個(gè)人的記錄,其中包含名、姓和電子郵件地址。上面的示例演示如何用括號將記錄組合成一個(gè)值。當然,可以使用相同的語(yǔ)法表示多個(gè)值(每個(gè)值包含多個(gè)記錄):
{ "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }, { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" }, { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" } ], "authors": [ { "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" }, { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" }, { "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" } ], "musicians": [ { "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" }, { "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" } ] } |
這里最值得注意的是,能夠表示多個(gè)值,每個(gè)值進(jìn)而包含多個(gè)值。但是還應該注意,在不同的主條目(programmers、authors 和 musicians)之間,記錄中實(shí)際的名稱(chēng)/值對可以不一樣。JSON 是完全動(dòng)態(tài)的,允許在 JSON 結構的中間改變表示數據的方式。
在處理 JSON 格式的數據時(shí),沒(méi)有需要遵守的預定義的約束。所以,在同樣的數據結構中,可以改變表示數據的方式,甚至可以以不同方式表示同一事物。
![]() ![]() |
![]()
|
掌握了 JSON 格式之后,在 JavaScript 中使用它就很簡(jiǎn)單了。JSON 是 JavaScript 原生格式,這意味著(zhù)在 JavaScript 中處理 JSON 數據不需要任何特殊的 API 或工具包。
例如,可以創(chuàng )建一個(gè)新的 JavaScript 變量,然后將 JSON 格式的數據字符串直接賦值給它:
var people = { "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" }, { "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" }, { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" } ], "authors": [ { "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" }, { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" }, { "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" } ], "musicians": [ { "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" }, { "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" } ] } |
這非常簡(jiǎn)單;現在 people 包含前面看到的 JSON 格式的數據。但是,這還不夠,因為訪(fǎng)問(wèn)數據的方式似乎還不明顯。
盡管看起來(lái)不明顯,但是上面的長(cháng)字符串實(shí)際上只是一個(gè)數組;將這個(gè)數組放進(jìn) JavaScript 變量之后,就可以很輕松地訪(fǎng)問(wèn)它。實(shí)際上,只需用點(diǎn)號表示法來(lái)表示數組元素。所以,要想訪(fǎng)問(wèn) programmers 列表的第一個(gè)條目的姓氏,只需在 JavaScript 中使用下面這樣的代碼:
people.programmers[0].lastName; |
注意,數組索引是從零開(kāi)始的。所以,這行代碼首先訪(fǎng)問(wèn) people 變量中的數據;然后移動(dòng)到稱(chēng)為 programmers 的條目,再移動(dòng)到第一個(gè)記錄([0]);最后,訪(fǎng)問(wèn) lastName 鍵的值。結果是字符串值 “McLaughlin”。
下面是使用同一變量的幾個(gè)示例。
people.authors[1].genre // Value is "fantasy" people.musicians[3].lastName // Undefined. This refers to the fourth entry, and there isn‘t one people.programmers.[2].firstName // Value is "Elliotte" |
利用這樣的語(yǔ)法,可以處理任何 JSON 格式的數據,而不需要使用任何額外的 JavaScript 工具包或 API。
正如可以用點(diǎn)號和括號訪(fǎng)問(wèn)數據,也可以按照同樣的方式輕松地修改數據:
people.musicians[1].lastName = "Rachmaninov"; |
在將字符串轉換為 JavaScript 對象之后,就可以像這樣修改變量中的數據。
當然,如果不能輕松地將對象轉換回本文提到的文本格式,那么所有數據修改都沒(méi)有太大的價(jià)值。在 JavaScript 中這種轉換也很簡(jiǎn)單:
String newJSONtext = people.toJSONString(); |
這樣就行了!現在就獲得了一個(gè)可以在任何地方使用的文本字符串,例如,可以將它用作 Ajax 應用程序中的請求字符串。
更重要的是,可以將任何 JavaScript 對象轉換為 JSON 文本。并非只能處理原來(lái)用 JSON 字符串賦值的變量。為了對名為 myObject 的對象進(jìn)行轉換,只需執行相同形式的命令:
String myObjectInJSON = myObject.toJSONString(); |
這就是 JSON 與本系列討論的其他數據格式之間最大的差異。如果使用 JSON,只需調用一個(gè)簡(jiǎn)單的函數,就可以獲得經(jīng)過(guò)格式化的數據,可以直接使用了。對于其他數據格式,需要在原始數據和格式化數據之間進(jìn)行轉換。即使使用 Document Object Model 這樣的 API(提供了將自己的數據結構轉換為文本的函數),也需要學(xué)習這個(gè) API 并使用 API 的對象,而不是使用原生的 JavaScript 對象和語(yǔ)法。
最終結論是,如果要處理大量 JavaScript 對象,那么 JSON 幾乎肯定是一個(gè)好選擇,這樣就可以輕松地將數據轉換為可以在請求中發(fā)送給服務(wù)器端程序的格式。
![]() ![]() |
![]()
|
本系列已經(jīng)用大量時(shí)間討論了數據格式,這主要是因為幾乎所有異步應用程序最終都要處理數據。如果掌握了發(fā)送和接收所有類(lèi)型的數據的各種工具和技術(shù),并按照最適合每種數據類(lèi)型的方式使用它們,那么就能夠更精通 Ajax。在掌握 XML 和純文本的基礎上,再掌握 JSON,這樣就能夠在 JavaScript 中處理更復雜的數據結構。
本系列中的下一篇文章將討論發(fā)送數據以外的問(wèn)題,深入介紹服務(wù)器端程序如何接收和處理 JSON 格式的數據。還要討論服務(wù)器端程序如何跨腳本和服務(wù)器端組件以 JSON 格式發(fā)送回數據,這樣就可以將 XML、純文本和 JSON 請求和響應混合在一起。這可以提供很大的靈活性,可以按照幾乎任何組合結合使用所有這些工具。
聯(lián)系客服