JSON 即 JavaScript Object Natation,它是一種輕量級的數據交換格式,非常適合於服務器與 JavaScript 的交互。本文將快速講解 JSON 格式,並通過代碼示例演示如何分別在客戶端和服務器端進行 JSON 格式數據的處理。
儘管有許多宣傳關於 XML 如何擁有跨平臺,跨語言的優勢,然而,除非應用於 Web Services,否則,在普通的 Web 應用中,開發者經常爲 XML 的解析傷透了腦筋,無論是服務器端生成或處理 XML,還是客戶端用 JavaScript 解析 XML,都常常導致複雜的代碼,極低的開發效率。實際上,對於大多數 Web 應用來說,他們根本不需要複雜的 XML 來傳輸數據,XML 的擴展性很少具有優勢,許多 AJAX 應用甚至直接返回 HTML 片段來構建動態 Web 頁面。和返回 XML 並解析它相比,返回 HTML 片段大大降低了系統的複雜性,但同時缺少了一定的靈活性。
現在, JSON 爲 Web 應用開發者提供了另一種數據交換格式。讓我們來看看 JSON 到底是什麼,同 XML 或 HTML 片段相比,JSON 提供了更好的簡單性和靈活性。
|
和 XML 一樣,JSON 也是基於純文本的數據格式。由於 JSON 天生是爲 JavaScript 準備的,因此,JSON 的數據格式非常簡單,您可以用 JSON 傳輸一個簡單的 String,Number,Boolean,也可以傳輸一個數組,或者一個複雜的 Object 對象。
String,Number 和 Boolean 用 JSON 表示非常簡單。例如,用 JSON 表示一個簡單的 String “ abc ”,其格式爲:
"abc"
|
除了字符 "
,/
,/
和一些控制符(/b
,/f
,/n
,/r
,/t
)
需要編碼外,其他 Unicode 字符可以直接輸出。下圖是一個 String 的完整表示結構:
一個 Number 可以根據整型或浮點數表示如下:
這與絕大多數編程語言的表示方法一致,例如:
12345(整數)
|
Boolean 類型表示爲 true
或 false
。此外,JavaScript 中的 null 被表示爲 null
,注意,true
、false
和 null
都沒有雙引號,否則將被視爲一個 String 。
JSON 還可以表示一個數組對象,使用 []
包含所有元素,每個元素用逗號分隔,元素可以是任意的
Value,例如,以下數組包含了一個 String,Number,Boolean 和一個 null:
["abc",12345,false,null]
|
Object 對象在 JSON 中是用 {}
包含一系列無序的 Key-Value
鍵值對錶示的,實際上此處的 Object 相當於 Java 中的 Map<String, Object>
,
而不是 Java 的 Class 。注意 Key 只能用 String 表示。
例如,一個 Address 對象包含如下 Key-Value:
city:Beijing
|
用 JSON 表示如下:
{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}
|
其中 Value 也可以是另一個 Object 或者數組,因此,複雜的 Object 可以嵌套表示,例如,一個 Person 對象包含 name 和 address 對象,可以表示如下:
{"name":"Michael","address":
|
上面介紹瞭如何用 JSON 表示數據,接下來,我們還要解決如何在服務器端生成 JSON 格式的數據以便發送到客戶端,以及客戶端如何使用 JavaScript 處理 JSON 格式的數據。
我們先討論如何在 Web 頁面中用 JavaScript 處理 JSON 數據。我們通過一個簡單的 JavaScript 方法就能看到客戶端如何將 JSON 數據表示給用戶:
function handleJson() {
|
假定服務器返回的 JSON 數據是上文的:
{"name":"Michael","address":
|
只需將其賦值給一個 JavaScript 變量,就可以立刻使用該變量並更新頁面中的信息了,相比 XML 需要從 DOM
中讀取各種節點而言,JSON 的使用非常容易。我們需要做的僅僅是發送一個 Ajax 請求,然後將服務器返回的 JSON
數據賦值給一個變量即可。有許多 Ajax 框架早已包含了處理 JSON 數據的能力,例如 Prototype(一個流行的 JavaScript
庫:http://prototypejs.org)提供了 evalJSON()
方法,能直接將服務器返回的 JSON
文本變成一個 JavaScript 變量:
new Ajax.Request("http://url", {
|
下面我們討論如何在服務器端輸出 JSON 格式的數據。以 Java 爲例,我們將演示將一個 Java 對象編碼爲 JSON 格式的文本。
將 String 對象編碼爲 JSON 格式時,只需處理好特殊字符即可。另外,必須用 ("
) 而非 ('
)
表示字符串:
|
將 Number 表示爲 JSON 就容易得多,利用 Java 的多態,我們可以處理 Integer,Long,Float 等多種 Number 格式:
|
Boolean 類型也可以直接通過 toString()
方法得到 JSON 的表示:
|
要將數組編碼爲 JSON 格式,可以通過循環將每一個元素編碼出來:
|
最後,我們需要將 Map<String, Object>
編碼爲 JSON 格式,因爲
JavaScript 的 Object 實際上對應的是 Java 的 Map<String, Object>
。
該方法如下:
|
爲了統一處理任意的 Java 對象,我們編寫一個入口方法 toJson(Object)
,能夠將任意的
Java 對象編碼爲 JSON 格式:
|
我們並未對 Java 對象作嚴格的檢查。不被支持的對象(例如 List)將直接拋出 RuntimeException
。此外,爲了保證輸出的 JSON 是有效的,Map<String, Object>
對象的 Key
也不能包含特殊字符。細心的讀者可能還會發現循環引用的對象會引發無限遞歸,例如,精心構造一個循環引用的 Map,就可以檢測到 StackOverflowException
:
|
好在服務器處理的 JSON 數據最終都應該轉化爲簡單的 JavaScript 對象,因此,遞歸引用的可能性很小。
最後,通過 Servlet 或 MVC 框架輸出 JSON 時,需要設置正確的 MIME 類型(application/json)和字符編碼。假定服務器使用 UTF-8 編碼,則可以使用以下代碼輸出編碼後的 JSON 文本:
|
JSON 已經是 JavaScript 標準的一部分。目前,主流的瀏覽器對 JSON 支持都非常完善。應用 JSON,我們可以從 XML 的解析中擺脫出來,對那些應用 Ajax 的 Web 2.0 網站來說,JSON 確實是目前最靈活的輕量級方案。
|
描述 | 名字 | 大小 | 下載方法 |
---|---|---|---|
本文完整的源代碼 | jeedev-util.zip | 90 KB | HTTP |
關於下載方法的信息 |
學習
-
掌握
Ajax
:閱讀本系列以前的文章。
-
JSON.org
:訪問 JSON Web
站點來進一步瞭解這種數據格式,包括到幾種 JSON API 實現的鏈接。
- “掌握
Ajax,第 10 部分: 使用 JSON 進行數據傳輸
”(developerWorks,2007 年 4 月):瞭解如何將
JavaScript 對象轉變成 JSON 格式。
- “掌握
Ajax,第 11 部分: 服務器端的 JSON
”(developerWorks,2007 年 8 月):學習如何處理以 JSON
格式發送到服務器的數據以及如何使用相同格式對腳本進行回覆。
- “從 XML 生成可與
Ajax 共同使用的 JSON
”(developerWorks,2007 年 6 月):通過本文,發掘使用 XSLT V2 從 XML
數據生成 JSON 的幾種不同方法。
- “用 PHP 將
XML 轉換成 JSON
”(developerWorks,2007 年 6 月):瞭解基於 PHP
的服務器程序,在將企業應用程序數據發送給瀏覽器應用程序之前,如何將其從 XML 格式轉換成 JSON 格式。
-
developerWorks
Ajax 技術資源中心
:能找到更多關於 Ajax 技術的文章和教程。
-
developerWorks
Web 開發技術專區
:提供了關於 Web 開發和架構方面的大量文章。
- 瀏覽 技術書店 ,查閱有關本文所述主題以及其他技術主題的書籍。
討論
- 查看 developerWorks
blogs
,加入 developerWorks
社區
。
廖雪峯,長期從事 J2EE/J2ME 開發,對 Open Source 框架有深入研究。目前廖雪峯創建了 JavaEE 開發網(http://www.javaeedev.com ), 著有《Spring 2.0 核心技術與最佳實踐 》一書。 |