有關json與jsonp的區別（json才是目的，jsonp只是手段）介紹如下所示：

一言以蔽之，json返回的是一串數據；而jsonp返回的是腳本代碼（包含一個函數調用）；

JSON其實就是JavaScript中的一個對象，跟var obj={}在質上完全一樣，只是在量上可以無限擴展。簡單地講，json其實就是JavaScript中的對象(Object)和數組(Array，其實也是對象)這倆好基友在那兒你嵌我我嵌你地套上n多層，以此模擬出許多復雜的數據結構。

json易于人閱讀和編寫，也易于機器解析和生成，相對網絡傳輸速率較高，功能型網站前后端往往要頻繁大量交換數據，而json憑借其強大的表現力和高顏值漸漸地成為理想的前后端數據交換語言。那xml前輩呢，我覺得應該會像微軟的xp那樣功成身退。

同源（不懂同源策略的童鞋請自行百度）下的前后端數據交換格式確定使用json了，那么問題來了，如果我想獲取別人網站上提供的數據腫么做到呢？也就是跨域讀取數據問題（不要鉆牛角說你不需要讀取其他網站的數據，相信我，你早晚得需要），json行不行呢？答案是No Way，為什么呢，因為json只是普通的文本格式，能讓你這樣就輕松拿到那服務端就沒有任何安全和保密性可言了，這樣的話互聯網世界非亂套不可，這個問題那些牛X的規范制定者早就想到了，所以使用了同源策略來限制文件獲取。最后的結果就是只有像img、script、iframe這類可以指定src屬性的標簽有跨域獲取別人網站上數據（圖片，腳本，源文件其實都是數據）的能力。比如：

<!--京東商品圖片--><img src="http://img30.360buyimg.com/jgsq-productsoa/jfs/t2407/323/1635505465/47386/f2d89d88/56615e00N7a475ee6.jpg" /><!--百度CDN--><script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> 

看來直接獲取json是行不通了，那有沒有其他方法能拿到數據呢？于是乎jsonp就這樣被聰明的開發者給發現了，為什么說是發現而不是發明呢，因為并沒有涉及到任何新技術，就像發現ajax一樣。

jsonp原理是這樣的，網站A需要獲取網站B的數據，網站B說我給你們一個方法，【1. 你們使用<script src="http://www.B.com/open.js"></script>標簽先獲取到open.js文件（網站B的責任），這里邊有你們需要的數據。2. 你們獲取數據后處理數據（總得處理數據吧）的方法名必須命名為foo（數據請求者的責任和義務）】，這里相當于B網站和請求獲取數據者之間建立了一個協議，要求請求者務必按照規則辦事，如果請求者不能同時遵守上面兩條就不能按預期獲取數據。額..，這也算相當于建立了一個潛規則吧

open.js內容

foo({"name":"B","age":23});　　//為什么不直接寫成json數據{"name":"B","age":23}呢，原因很簡單，在js文件總得合乎js語法吧//這也是為什么協議中明確規定處理數據的方法名必須命名為foo，因為B網站是在假定請求者的腳本中已經定義了數據處理方法foo的情況下返回數據；//不然就會報foo is not defined錯誤