前言

　　由于Sencha Touch 2這種開(kāi)發(fā)模式的特性，基本決定了它原生的數(shù)據(jù)交互行為幾乎只能通過(guò)AJAX來(lái)實(shí)現(xiàn)。

　　當(dāng)然了，通過(guò)調(diào)用強(qiáng)大的PhoneGap插件然后打包，你可以實(shí)現(xiàn)100%的Socket通訊和本地?cái)?shù)據(jù)庫(kù)功能，又或者通過(guò)HTML5的WebSocket也可以實(shí)現(xiàn)與服務(wù)器的通訊和服務(wù)端推功能，但這兩種方式都有其局限性，前者需要PhoneGap支持，后者要求用戶(hù)設(shè)備必須支持WebSocket，因此都不能算是ST2的原生解決方案，原生的只有AJAX。

　　說(shuō)到AJAX就會(huì)不可避免的面臨兩個(gè)問(wèn)題，第一個(gè)是AJAX以何種格式來(lái)交換數(shù)據(jù)？第二個(gè)是跨域的需求如何解決？這兩個(gè)問(wèn)題目前都有不同的解決方案，比如數(shù)據(jù)可以用自定義字符串或者用XML來(lái)描述，跨域可以通過(guò)服務(wù)器端代理來(lái)解決。

　　但到目前為止最被推崇或者說(shuō)首選的方案還是用JSON來(lái)傳數(shù)據(jù)，靠JSONP來(lái)跨域。而這就是本文將要講述的內(nèi)容。

　　JSON(JavaScript Object Notation)和JSONP(JSON with Padding)雖然只有一個(gè)字母的差別，但其實(shí)他們根本不是一回事兒：JSON是一種數(shù)據(jù)交換格式，而JSONP是一種依靠開(kāi)發(fā)人員的聰明才智創(chuàng)造出的一種非官方跨域數(shù)據(jù)交互協(xié)議。我們拿最近比較火的諜戰(zhàn)片來(lái)打個(gè)比方，JSON是地下黨們用來(lái)書(shū)寫(xiě)和交換情報(bào)的“暗號(hào)”，而JSONP則是把用暗號(hào)書(shū)寫(xiě)的情報(bào)傳遞給自己同志時(shí)使用的接頭方式。看到?jīng)]？一個(gè)是描述信息的格式，一個(gè)是信息傳遞雙方約定的方法。

　　既然隨便聊聊，那我們就不再采用教條的方式來(lái)講述，而是把關(guān)注重心放在幫助開(kāi)發(fā)人員理解是否應(yīng)當(dāng)選擇使用以及如何使用上。

　　什么是JSON

　　前面簡(jiǎn)單說(shuō)了一下，JSON是一種基于文本的數(shù)據(jù)交換方式，或者叫做數(shù)據(jù)描述格式，你是否該選用他首先肯定要關(guān)注它所擁有的優(yōu)點(diǎn)。

　　JSON的優(yōu)點(diǎn)：

　　1、基于純文本，跨平臺(tái)傳遞極其簡(jiǎn)單；

　　2、Javascript原生支持，后臺(tái)語(yǔ)言幾乎全部支持；

　　3、輕量級(jí)數(shù)據(jù)格式，占用字符數(shù)量極少，特別適合互聯(lián)網(wǎng)傳遞；

　　4、可讀性較強(qiáng)，雖然比不上XML那么一目了然，但在合理的依次縮進(jìn)之后還是很容易識(shí)別的；

　　5、容易編寫(xiě)和解析，當(dāng)然前提是你要知道數(shù)據(jù)結(jié)構(gòu)；

　　JSON的缺點(diǎn)當(dāng)然也有，但在作者看來(lái)實(shí)在是無(wú)關(guān)緊要的東西，所以不再單獨(dú)說(shuō)明。

　　JSON的格式或者叫規(guī)則：

　　JSON能夠以非常簡(jiǎn)單的方式來(lái)描述數(shù)據(jù)結(jié)構(gòu)，XML能做的它都能做，因此在跨平臺(tái)方面兩者完全不分伯仲。

　　1、JSON只有兩種數(shù)據(jù)類(lèi)型描述符，大括號(hào){}和方括號(hào)[]，其余英文冒號(hào):是映射符，英文逗號(hào),是分隔符，英文雙引號(hào)""是定義符。

　　2、大括號(hào){}用來(lái)描述一組“不同類(lèi)型的無(wú)序鍵值對(duì)集合”（每個(gè)鍵值對(duì)可以理解為OOP的屬性描述），方括號(hào)[]用來(lái)描述一組“相同類(lèi)型的有序數(shù)據(jù)集合”（可對(duì)應(yīng)OOP的數(shù)組）。

　　3、上述兩種集合中若有多個(gè)子項(xiàng)，則通過(guò)英文逗號(hào),進(jìn)行分隔。

　　4、鍵值對(duì)以英文冒號(hào):進(jìn)行分隔，并且建議鍵名都加上英文雙引號(hào)”"，以便于不同語(yǔ)言的解析。

　　5、JSON內(nèi)部常用數(shù)據(jù)類(lèi)型無(wú)非就是字符串、數(shù)字、布爾、日期、null 這么幾個(gè)，字符串必須用雙引號(hào)引起來(lái)，其余的都不用，日期類(lèi)型比較特殊，這里就不展開(kāi)講述了，只是建議如果客戶(hù)端沒(méi)有按日期排序功能需求的話(huà)，那么把日期時(shí)間直接作為字符串傳遞就好，可以省去很多麻煩。

　　JSON實(shí)例：

// 描述一個(gè)人 var person = {    "Name": "Bob",    "Age": 32,    "Company": "IBM",    "Engineer": true}// 獲取這個(gè)人的信息 var personAge = person.Age;// 描述幾個(gè)人 var members = [    {        "Name": "Bob",        "Age": 32,        "Company": "IBM",        "Engineer": true    },    {        "Name": "John",        "Age": 20,        "Company": "Oracle",        "Engineer": false    },    {        "Name": "Henry",        "Age": 45,        "Company": "Microsoft",        "Engineer": false    }]// 讀取其中John的公司名稱(chēng) var johnsCompany = members[1].Company;// 描述一次會(huì)議 var conference = {    "Conference": "Future Marketing",    "Date": "2012-6-1",    "Address": "Beijing",    "Members":    [        {            "Name": "Bob",            "Age": 32,            "Company": "IBM",            "Engineer": true        },        {            "Name": "John",            "Age": 20,            "Company": "Oracle",            "Engineer": false        },        {            "Name": "Henry",            "Age": 45,            "Company": "Microsoft",            "Engineer": false        }    ]}// 讀取參會(huì)者Henry是否工程師 var henryIsAnEngineer = conference.Members[2].Engineer;

it知識(shí)庫(kù)：說(shuō)說(shuō)JSON和JSONP，也許你會(huì)豁然開(kāi)朗，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。