json和jsonp

JSON是一種數據交換格式！

 

JSONP是一種依靠開發人員的聰明才智創造出的一種非官方跨域數據交互協議！

 

通常使用JSON來傳數據，靠JSONP來跨域。

 

JSON的優勢：

一、基於純文本，跨平臺傳遞極其簡單；

二、Javascript原生支持，後臺語言幾乎所有支持；

三、輕量級數據格式，佔用字符數量極少，特別適合互聯網傳遞；

四、可讀性較強，雖然比不上XML那麼一目瞭然，但在合理的依次縮進以後仍是很容易識別的；

五、容易編寫和解析，固然前提是你要知道數據結構；

 

JSON的格式：

JSON可以以很是簡單的方式來描述數據結構，XML能作的它都能作，所以在跨平臺方面二者徹底不分伯仲。

一、JSON只有兩種數據類型描述符，大括號{}和方括號[]，而後英文冒號:是映射符，英文逗號,是分隔符，英文雙引號」"是定義符。

二、大括號{}用來描述一組「不一樣類型的無序鍵值對集合」（每一個鍵值對能夠理解爲OOP的屬性描述），方括號[]用來描述一組「相同類型的有序數據集合」（可對應OOP的數組）。

三、上述兩種集合中如有多個子項，則經過英文逗號,進行分隔。

四、鍵值對以英文冒號:進行分隔，而且建議鍵名都加上英文雙引號」"，以便於不一樣語言的解析。

五、JSON內部經常使用數據類型無非就是字符串、數字、布爾、日期、null 這麼幾個，字符串必須用雙引號引發來，其他的都不用，日期類型比較特殊，這裏就不展開講述了，只是建議若是客戶端沒有按日期排序功能需求的話，那麼把日期時間直接做爲字符串傳遞就好，能夠省去不少麻煩。

 

jsonp原理：

　　一個衆所周知的問題，Ajax直接請求普通文件存在跨域無權限訪問的問題，甭管你是靜態頁面、動態網頁、web服務、WCF，只要是跨域請求，一概不許。不過咱們又發現，Web頁面上調用js文件時則不受是否跨域的影響（不只如此，咱們還發現凡是擁有"src"這個屬性的標籤都擁有跨域的能力，好比<script>、<img>、<iframe>）。因而能夠判斷，當前階段若是想經過純web端（ActiveX控件、服務端代理、屬於將來的HTML5之Websocket等方式不算）跨域訪問數據就只有一種可能，那就是在遠程服務器上設法把數據裝進js格式的文件裏，供客戶端調用和進一步處理。恰巧咱們已經知道有一種叫作JSON的純字符數據格式能夠簡潔的描述複雜數據，更妙的是JSON還被js原生支持，因此在客戶端幾乎能夠爲所欲爲的處理這種格式的數據。這樣子解決方案就呼之欲出了，web客戶端經過與調用腳本如出一轍的方式，來調用跨域服務器上動態生成的js格式文件（通常以JSON爲後綴），顯而易見，服務器之因此要動態生成JSON文件，目的就在於把客戶端須要的數據裝入進去。客戶端在對JSON文件調用成功以後，也就得到了本身所需的數據，剩下的就是按照本身需求進行處理和展示了，這種獲取遠程數據的方式看起來很是像AJAX，但其實並不同。爲了便於客戶端使用數據，逐漸造成了一種非正式傳輸協議，人們把它稱做JSONP，該協議的一個要點就是容許用戶傳遞一個callback參數給服務端，而後服務端返回數據時會將這個callback參數做爲函數名來包裹住JSON數據，這樣客戶端就能夠隨意定製本身的函數來自動處理返回數據了。 

 

JSONP的優勢：它不像XMLHttpRequest對象實現的Ajax請求那樣受到同源策略的限制；它的兼容性更好，在更加古老的瀏覽器中都 能夠運行，不須要XMLHttpRequest或ActiveX的支持；而且在請求完畢後能夠經過調用callback的方式回傳結果。

 

JSONP的缺點：它只支持GET請求而不支持POST等其它類型的HTTP請求；它只支持跨域HTTP請求這種狀況，不能解決不一樣域的兩個頁面之間如何進行JavaScript調用的問題。

 

這裏針對ajax與jsonp的異同再作一些補充說明：

一、ajax和jsonp這兩種技術在調用方式上"看起來"很像，目的也同樣，都是請求一個url，而後把服務器返回的數據進行處理，所以jquery和ext等框架都把jsonp做爲ajax的一種形式進行了封裝。

二、但ajax和jsonp其實本質上是不一樣的東西。ajax的核心是經過XmlHttpRequest獲取非本頁內容，而jsonp的核心則是動態添加<script>標籤來調用服務器提供的js腳本。

三、因此說，其實ajax與jsonp的區別不在因而否跨域，ajax經過服務端代理同樣能夠實現跨域，jsonp自己也不排斥同域的數據的獲取。

四、還有就是，jsonp是一種方式或者說非強制性協議，如同ajax同樣，它也不必定非要用json格式來傳遞數據，若是你願意，字符串都行，只不過這樣不利於用jsonp提供公開服務。

總而言之，jsonp不是ajax的一個特例，哪怕jquery等巨頭把jsonp封裝進了ajax，也不能改變着一點！