一言以蔽之近上，json返回的是一串?dāng)?shù)據(jù)剔宪；而jsonp返回的是腳本代碼（包含一個(gè)函數(shù)調(diào)用）；
JSON其實(shí)就是JavaScript中的一個(gè)對(duì)象戈锻，跟var obj={}在質(zhì)上完全一樣歼跟，只是在量上可以無(wú)限擴(kuò)展。簡(jiǎn)單地講格遭，json其實(shí)就是JavaScript中的對(duì)象(Object)和數(shù)組(Array，其實(shí)也是對(duì)象)這倆好基友在那兒你嵌我我嵌你地套上n多層留瞳，以此模擬出許多復(fù)雜的數(shù)據(jù)結(jié)構(gòu)拒迅。
json易于人閱讀和編寫(xiě)，也易于機(jī)器解析和生成她倘，相對(duì)網(wǎng)絡(luò)傳輸速率較高璧微，功能型網(wǎng)站前后端往往要頻繁大量交換數(shù)據(jù)，而json憑借其強(qiáng)大的表現(xiàn)力和高顏值漸漸地成為理想的前后端數(shù)據(jù)交換語(yǔ)言硬梁。那xml前輩呢前硫，我覺(jué)得應(yīng)該會(huì)像微軟的xp那樣功成身退。
同源（不懂同源策略的童鞋請(qǐng)自行百度）下的前后端數(shù)據(jù)交換格式確定使用json了荧止，那么問(wèn)題來(lái)了屹电，如果我想獲取別人網(wǎng)站上提供的數(shù)據(jù)腫么做到呢阶剑？也就是跨域讀取數(shù)據(jù)問(wèn)題（不要鉆牛角說(shuō)你不需要讀取其他網(wǎng)站的數(shù)據(jù)，相信我危号，你早晚得需要）牧愁，json行不行呢？答案是No Way外莲，為什么呢猪半，因?yàn)閖son只是普通的文本格式，能讓你這樣就輕松拿到那服務(wù)端就沒(méi)有任何安全和保密性可言了偷线，這樣的話互聯(lián)網(wǎng)世界非亂套不可磨确，這個(gè)問(wèn)題那些牛X的規(guī)范制定者早就想到了，所以使用了同源策略來(lái)限制文件獲取声邦。最后的結(jié)果就是只有像img乏奥、script、iframe這類可以指定src屬性的標(biāo)簽有跨域獲取別人網(wǎng)站上數(shù)據(jù)（圖片翔忽，腳本英融，源文件其實(shí)都是數(shù)據(jù)）的能力。比如：
<!--京東商品圖片-->
<!--百度CDN-->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
看來(lái)直接獲取json是行不通了歇式，那有沒(méi)有其他方法能拿到數(shù)據(jù)呢驶悟？于是乎jsonp就這樣被聰明的開(kāi)發(fā)者給發(fā)現(xiàn)了，為什么說(shuō)是發(fā)現(xiàn)而不是發(fā)明呢材失，因?yàn)椴](méi)有涉及到任何新技術(shù)痕鳍，就像發(fā)現(xiàn)ajax一樣。
jsonp原理是這樣的龙巨，網(wǎng)站A需要獲取網(wǎng)站B的數(shù)據(jù)笼呆，網(wǎng)站B說(shuō)我給你們一個(gè)方法，【1. 你們使用<script src="http://www.B.com/open.js"></script>標(biāo)簽先獲取到open.js文件（網(wǎng)站B的責(zé)任）旨别，這里邊有你們需要的數(shù)據(jù)诗赌。2. 你們獲取數(shù)據(jù)后處理數(shù)據(jù)（總得處理數(shù)據(jù)吧）的方法名必須命名為foo（數(shù)據(jù)請(qǐng)求者的責(zé)任和義務(wù)）】，這里相當(dāng)于B網(wǎng)站和請(qǐng)求獲取數(shù)據(jù)者之間建立了一個(gè)協(xié)議秸弛，要求請(qǐng)求者務(wù)必按照規(guī)則辦事铭若，如果請(qǐng)求者不能同時(shí)遵守上面兩條就不能按預(yù)期獲取數(shù)據(jù)。額..递览，這也算相當(dāng)于建立了一個(gè)潛規(guī)則吧
open.js內(nèi)容
foo({"name":"B","age":23}); //為什么不直接寫(xiě)成json數(shù)據(jù){"name":"B","age":23}呢叼屠，原因很簡(jiǎn)單，在js文件總得合乎js語(yǔ)法吧
//這也是為什么協(xié)議中明確規(guī)定處理數(shù)據(jù)的方法名必須命名為foo绞铃，因?yàn)锽網(wǎng)站是在假定請(qǐng)求者的腳本中已經(jīng)定義了數(shù)據(jù)處理方法foo的情況下返回?cái)?shù)據(jù)镜雨；
//不然就會(huì)報(bào)foo is not defined錯(cuò)誤
網(wǎng)站A腳本須有
function foo(data){
console.log(data);
//ToDo..
}
啊儿捧！雖然拐了個(gè)彎荚坞，但數(shù)據(jù)總算得到了挑宠，網(wǎng)站A，網(wǎng)站B都非常高興西剥，那么問(wèn)題又來(lái)了痹栖，網(wǎng)站C說(shuō)也需要獲取網(wǎng)站B的數(shù)據(jù)，網(wǎng)站B把協(xié)議甩給它瞭空，網(wǎng)站C拿過(guò)來(lái)一看揪阿，草泥馬啊，foo這個(gè)名字已經(jīng)在自己的腳本文件的6868行用過(guò)了咆畏，而且已經(jīng)使用在腳本的各個(gè)角落南捂，批量替換會(huì)導(dǎo)致很多潛在bug啊，網(wǎng)站B情急之下決定把foo改成fool旧找，網(wǎng)站A立馬蹦起來(lái)溺健，因?yàn)樽约旱木W(wǎng)站已經(jīng)在很多地方使用foo引用了數(shù)據(jù)。
為了避免上面情況發(fā)生钮蛛，那些牛X哄哄的開(kāi)發(fā)者使用了動(dòng)態(tài)生成js文件的方法鞭缭，php版本如下：
open.php
<?php
header('Content-type: application/javascript');
$jsonCallback = htmlspecialchars($_REQUEST ['callback']); //獲取請(qǐng)求者自定義的回調(diào)函數(shù)名
$jsonData ='{"name":"B","age":23}'; //待返回的json數(shù)據(jù)
echo $jsonCallback . "(" . $jsonData . ")"; //輸出jsonp格式的數(shù)據(jù)，即一行函數(shù)調(diào)用語(yǔ)句
?>
額 ..魏颓，至于php為什么能返回js格式文件岭辣，自行百度。
于是網(wǎng)站A用<script src="http://www.B.com/open.php?callback=foo"></script>來(lái)請(qǐng)求數(shù)據(jù)甸饱，不需要修改任何變量沦童，返回給A的腳本文件內(nèi)容是：
foo({"name":"B","age":23}); //所謂的jsonp，就是一句函數(shù)調(diào)用叹话，數(shù)據(jù)都被包裹傳遞到參數(shù)中了偷遗，千萬(wàn)別穿個(gè)馬甲就不認(rèn)識(shí)了
網(wǎng)站C就用<script src="http://www.B.com/open.php?callback=blah"></script>來(lái)請(qǐng)求數(shù)據(jù)，返回給C的腳本文件內(nèi)容是：
blah({"name":"B","age":23});
網(wǎng)站N就用<script src="http://www.B.com/open.php?callback=what"></script>來(lái)請(qǐng)求數(shù)據(jù)驼壶，返回給N的腳本文件內(nèi)容是：
what({"name":"B","age":23});
Problem Solved氏豌，大家都取到了期望的數(shù)據(jù)，并且避免了命名沖突热凹。
jsonp全名叫做json with padding箩溃，很形象，就是把json對(duì)象用符合js語(yǔ)法的形式包裹起來(lái)以使其它網(wǎng)站可以請(qǐng)求得到碌嘀，也就是將json數(shù)據(jù)封裝成js文件；
json是理想的數(shù)據(jù)交換格式歪架，但沒(méi)辦法跨域直接獲取股冗，于是就將json包裹(padding)在一個(gè)合法的js語(yǔ)句中作為js文件傳過(guò)去。這就是json和jsonp的區(qū)別和蚪，json是想要的東西止状，jsonp是達(dá)到這個(gè)目的而普遍采用的一種方法烹棉，當(dāng)然最終獲得和處理的還是json。所以說(shuō)json是目的怯疤，jsonp只是手段浆洗。json總會(huì)用到，而jsonp只有在跨域獲取數(shù)據(jù)才會(huì)用到集峦。
理解了json和jsonp的區(qū)別之后伏社，其實(shí)ajax里的跨域獲取數(shù)據(jù)就很好理解和實(shí)現(xiàn)了，同源時(shí)候并沒(méi)有什么特別的塔淤，直接取就行摘昌，跨域時(shí)候需要拐個(gè)彎來(lái)達(dá)到目的。
附上jquery中ajax請(qǐng)求json數(shù)據(jù)實(shí)例：
（同源）：
$.ajax({
url:"persons.json",
success:function(data){
console.log(data);
//ToDo..
}
});
（跨域）
$.ajax({
url:"http://www.B.com/open.php?callback=?",
dataType:"jsonp",
success:function(data){
console.log(data);
//ToDo..
}
});
jquery已把jsonp封裝進(jìn)ajax高蜂，很合理聪黎，因?yàn)楫吘菇^大多數(shù)的jsonp請(qǐng)求都是ajax，關(guān)于jquery的ajax具體用法請(qǐng)自行百度备恤，另外要注意的一點(diǎn)就是不同的網(wǎng)站提供的數(shù)據(jù)接口的$_REQUEST ['callback']中不一定絕對(duì)是callback也可能是cb,cbk等稿饰，具體使用時(shí)務(wù)必閱讀服務(wù)端提供的有關(guān)接口使用的詳細(xì)文檔。
