JSON與JSONP

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

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

什么是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ù)結構;

JSON的缺點當然也有,但在作者看來實在是無關緊要的東西,所以不再單獨說明。

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

JSON能夠以非常簡單的方式來描述數(shù)據(jù)結構,XML能做的它都能做,因此在跨平臺方面兩者完全不分伯仲。

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

2、大括號{}用來描述一組“不同類型的無序鍵值對集合”(每個鍵值對可以理解為OOP的屬性描述),方括號[]用來描述一組“相同類型的有序數(shù)據(jù)集合”(可對應OOP的數(shù)組)。

3、上述兩種集合中若有多個子項,則通過英文逗號,進行分隔。

4、鍵值對以英文冒號:進行分隔,并且建議鍵名都加上英文雙引號"",以便于不同語言的解析。

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

什么是JSONP?


? ? ? ? JSONP(JSON with Padding)是JSON的一種“使用模式”,可用于解決主流瀏覽器的跨域數(shù)據(jù)訪問的問題。由于同源策略,一般來說位于 server1.example.com 的網(wǎng)頁無法與不是 server1 .example .com的服務器溝通,而 HTML 的script元素是一個例外。利用scrip元素的這個開放策略,網(wǎng)頁可以得到從其他來源動態(tài)產(chǎn)生的 JSON 資料,而這種使用模式就是所謂的 JSONP。用 JSONP 抓到的資料并不是 JSON,而是任意的JavaScript,用 JavaScript 直譯器執(zhí)行而不是用 JSON 解析器解析。

其實我對于JSONP的理解還很膚淺,大概知道這是一個什么概念而已。別人怎么說都聽不懂,我的理解,JSONP就是用< scrip 去引入一個遠端的PHP文件,然后PHP返回的值封裝成< scrip來應付瀏覽器,成功繞過瀏覽器禁止跨域的數(shù)據(jù)訪問的條文。雖然路已經(jīng)通常了,但是本端和遠端文件還存在相互不認識的問題,所以最簡單的方式是在本端引入PHP文件之前定義一些函數(shù),這些函數(shù)就是專門給遠端PHP用的,敲門磚而已。例如:alert('我是本地函數(shù),可以被跨域的remote.js文件調(diào)用,遠程js帶來的數(shù)據(jù)是:'+data.result);調(diào)用者可以傳一個參數(shù)過去告訴服務端“我想要一段調(diào)用XXX函數(shù)的js代碼,請你返回給我”,于是服務器就可以按照客戶端的需求來生成js腳本并響應了。

Ajax和JSONP對比:


1、ajax和jsonp這兩種技術在調(diào)用方式上“看起來”很像,目的也一樣,都是請求一個url,然后把服務器返回的數(shù)據(jù)進行處理,因此jquery和ext等框架都把jsonp作為ajax的一種形式進行了封裝;

2、但ajax和jsonp其實本質(zhì)上是不同的東西。ajax的核心是通過XmlHttpRequest獲取非本頁內(nèi)容,而jsonp的核心則是動態(tài)添加標簽來調(diào)用服務器提供的js腳本。

3、所以說,其實ajax與jsonp的區(qū)別不在于是否跨域,ajax通過服務端代理一樣可以實現(xiàn)跨域,jsonp本身也不排斥同域的數(shù)據(jù)的獲取。

4、還有就是,jsonp是一種方式或者說非強制性協(xié)議,如同ajax一樣,它也不一定非要用json格式來傳遞數(shù)據(jù),如果你愿意,字符串都行,只不過這樣不利于用jsonp提供公開服務。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容