|
|
JSON：JavaScript Object Notation
是Javascript (jscript、ECMA Javascript等)描述對象數(shù)據(jù)（各種元數(shù)據(jù)其實也是最簡單的對象）的一種數(shù)據(jù)結(jié)構(gòu)。概念和用法均類似于Hash（哈希表）或者關(guān)聯(lián)數(shù)組。
JSON建構(gòu)于兩種結(jié)構(gòu)：
“名稱/值”對的集合（A collection of name/value pairs）。不同的語言中，它被理解為對象（object），紀錄（record），結(jié)構(gòu)（struct），字典（dictionary），哈希表（hash table），有鍵列表（keyed list），或者關(guān)聯(lián)數(shù)組 （associative array）。
值的有序列表（An ordered list of values）。在大部分語言中，它被理解為數(shù)組（array）。
這些都是常見的數(shù)據(jù)結(jié)構(gòu)。事實上大部分現(xiàn)代計算機語言都以某種形式支持它們。這使得一種數(shù)據(jù)格式在同樣基于這些結(jié)構(gòu)的編程語言之間交換成為可能。
最簡單的JSON例子如下：
復(fù)制代碼 代碼如下:
[
{ name:"Michael", email:"[email protected]", homepage:"http://www.jb51.NET" },
{ name:"John", email:"[email protected]", homepage:"http://s.jb51.NET" },
{ name:"Peggy", email:"[email protected]", homepage:"http://tools.jb51.NET" }]
下面這個例子描述了一個郵件聯(lián)系人列表，在Javascript用eval 運行將獲得一個maillist的對象實體，那么就可以用Javascript做進一步的操作。
復(fù)制代碼 代碼如下:
var maillist = [
{ name:"Michael", email:"[email protected]", homepage:"http://www.jb51.NET" },
{ name:"John", email:"[email protected]", homepage:"http://s.jb51.NET" },
{ name:"Peggy", email:"[email protected]", homepage:"http://tools.jb51.NET" }
]
那么就可以用Javascript做進一步的操作。
第二章 JSON格式
JSON的基本格式如下，圖片來自json.org:
對象是屬性、值對的集合。一個對象的開始于"{"，結(jié)束于"}"。每一個屬性名和值間用":"提示，屬性間用","分隔。
數(shù)組是有順序的值的集合。一個數(shù)組開始于"["，結(jié)束于"]"，值之間用","分隔。
字符串的定義和C或Java基本一致。
數(shù)字的定義也和C或Java基本一致。
第三章 應(yīng)用 trimpath Template 進行 JSON 模版制作
Trimpath Template 是一個用來解析Json數(shù)據(jù)，生成網(wǎng)頁代碼的輕量級JS代碼。
Demo：http://demo.jb51.NET/js/js_template/test.htm
trimpath.template基于JavaScript的，跨瀏覽器，采用APL/GPL開放源代碼協(xié)議的，可以讓你輕松進行基于模板編程方式的純JS引擎。
http://code.google.com/p/trimpath/
它有如下的特點：
1、采用標準的JavaScript編寫，支持跨瀏覽器
2、模板語法類似于：FreeMarker，Velocity,Smarty
3、采用簡易的語言來描述大段的字串以及Dom/DHTML操作
4、可以很方便的解析XML文件格式的數(shù)據(jù)到指定模板。
采 用該引擎，可以讓它來完全處理View方面的事情，服務(wù)端Module直接輸出Data就可以。讓你的MVC模式連成一體，而且由于View由瀏覽器來處 理，大大減少了服務(wù)器的負擔，用來構(gòu)建Ajax技術(shù)的網(wǎng)絡(luò)信息系統(tǒng)應(yīng)用是一個非常好的選擇。
這是一個簡單小巧的 模板工具類, 用來幫助使用者快速的拼裝出所需要的字符串.
簡單說明: 模板中 #{ ... /} 之間的數(shù)據(jù)將被 作為js腳本執(zhí)行, 而其中VAR關(guān)鍵字代表的就是 seed 的值(從外部傳入的一個變化的值).
模板分成兩部分來執(zhí)行, compile 和 run. #{..../}之間的部分在run期間被執(zhí)行,
#{#...../} 之間的部分在編譯期執(zhí)行.編譯期執(zhí)行的代碼中不能傳入seed.
更多的說明也不用再寫了,因為確實很簡單的功能 呵呵.
原理: 實際上就是 利用傳入的參數(shù)對 模板字符串中 #{ .../} 的部分進行替換.(對 #{ .../}之間的部分執(zhí)行eval(),之后再替換).
如果你對模版技術(shù)感興趣，也可以通過研究代碼來獲得更多的啟發(fā)。
總結(jié)
作為JavaSCRIPT的默認數(shù)據(jù)格式，json在進行Ajax操作時顯得非常方便，而且相對XML文件小了很多。因而在網(wǎng)速不甚理想的，系統(tǒng)耦合度比較高等情況下有更好的表現(xiàn)。
但是XML做為一種可以自描述的格式，在全世界有著更廣泛的應(yīng)用。所以當系統(tǒng)要求跨平臺，跨語言時，采用XML仍舊是最好的選擇。
JavaScript技術(shù)：JSON 學習之完全手冊 圖文，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
