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