|
|
前言
由于Sencha Touch 2這種開發(fā)模式的特性，基本決定了它原生的數(shù)據(jù)交互行為幾乎只能通過AJAX來實現(xiàn)。
當然了，通過調(diào)用強大的PhoneGap插件然后打包，你可以實現(xiàn)100%的Socket通訊和本地數(shù)據(jù)庫功能，又或者通過HTML5的WebSocket也可以實現(xiàn)與服務器的通訊和服務端推功能，但這兩種方式都有其局限性，前者需要PhoneGap支持，后者要求用戶設備必須支持WebSocket，因此都不能算是ST2的原生解決方案，原生的只有AJAX。
說到AJAX就會不可避免的面臨兩個問題，第一個是AJAX以何種格式來交換數(shù)據(jù)？第二個是跨域的需求如何解決？這兩個問題目前都有不同的解決方案，比如數(shù)據(jù)可以用自定義字符串或者用XML來描述，跨域可以通過服務器端代理來解決。
但到目前為止最被推崇或者說首選的方案還是用JSON來傳數(shù)據(jù)，靠JSONP來跨域。而這就是本文將要講述的內(nèi)容。
JSON(JavaScript Object Notation)和JSONP(JSON with Padding)雖然只有一個字母的差別，但其實他們根本不是一回事兒：JSON是一種數(shù)據(jù)交換格式，而JSONP是一種依靠開發(fā)人員的聰明才智創(chuàng)造出的一種非官方跨域數(shù)據(jù)交互協(xié)議。我們拿最近比較火的諜戰(zhàn)片來打個比方，JSON是地下黨們用來書寫和交換情報的“暗號”，而JSONP則是把用暗號書寫的情報傳遞給自己同志時使用的接頭方式。看到?jīng)]？一個是描述信息的格式，一個是信息傳遞雙方約定的方法。
既然隨便聊聊，那我們就不再采用教條的方式來講述，而是把關注重心放在幫助開發(fā)人員理解是否應當選擇使用以及如何使用上。
什么是JSON
前面簡單說了一下，JSON是一種基于文本的數(shù)據(jù)交換方式，或者叫做數(shù)據(jù)描述格式，你是否該選用他首先肯定要關注它所擁有的優(yōu)點。
JSON的優(yōu)點：
1、基于純文本，跨平臺傳遞極其簡單；
2、Javascript原生支持，后臺語言幾乎全部支持；
3、輕量級數(shù)據(jù)格式，占用字符數(shù)量極少，特別適合互聯(lián)網(wǎng)傳遞；
4、可讀性較強，雖然比不上XML那么一目了然，但在合理的依次縮進之后還是很容易識別的；
5、容易編寫和解析，當然前提是你要知道數(shù)據(jù)結(jié)構；
JSON的缺點當然也有，但在作者看來實在是無關緊要的東西，所以不再單獨說明。
JSON的格式或者叫規(guī)則：
JSON能夠以非常簡單的方式來描述數(shù)據(jù)結(jié)構，XML能做的它都能做，因此在跨平臺方面兩者完全不分伯仲。
1、JSON只有兩種數(shù)據(jù)類型描述符，大括號{}和方括號[]，其余英文冒號:是映射符，英文逗號,是分隔符，英文雙引號""是定義符。
2、大括號{}用來描述一組“不同類型的無序鍵值對集合”（每個鍵值對可以理解為OOP的屬性描述），方括號[]用來描述一組“相同類型的有序數(shù)據(jù)集合”（可對應OOP的數(shù)組）。
3、上述兩種集合中若有多個子項，則通過英文逗號,進行分隔。
4、鍵值對以英文冒號:進行分隔，并且建議鍵名都加上英文雙引號”"，以便于不同語言的解析。
5、JSON內(nèi)部常用數(shù)據(jù)類型無非就是字符串、數(shù)字、布爾、日期、null 這么幾個，字符串必須用雙引號引起來，其余的都不用，日期類型比較特殊，這里就不展開講述了，只是建議如果客戶端沒有按日期排序功能需求的話，那么把日期時間直接作為字符串傳遞就好，可以省去很多麻煩。
JSON實例：
// 描述一個人 var person = { "Name": "Bob", "Age": 32, "Company": "IBM", "Engineer": true}// 獲取這個人的信息 var personAge = person.Age;// 描述幾個人 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的公司名稱 var johnsCompany = members[1].Company;// 描述一次會議 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 } ]}// 讀取參會者Henry是否工程師 var henryIsAnEngineer = conference.Members[2].Engineer;
it知識庫：說說JSON和JSONP，也許你會豁然開朗，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
