以前經常把JSON和JSONP搞混淆，最近特意查閱了相關資料終於搞明白兩者關係了，簡單說一下。

JSON
JSON是一種基於文字的資料交換格式，用於描述複雜的資料，舉個例子，描述一個學生的資訊可以這樣子寫：

var student = {
    "id":"001",
    "name":"張三",
    "sex":"男",
    "age":20
}

console.log(student.id);     //001
console.log(student.name);   //張三

然後就可以通過student.id，student.name這種方式獲取這個學生的學號和姓名。

如果描述多個學生資訊的話也大同小異，可以這樣寫：

var student =[
    {
        "id":"001",
        "name":"張三",
        "sex":"男",
        "age":20
    },
    {
        "id":"002",
        "name":"李四",
        "sex":"女",
        "age":21
    },
    {
        "id":"003",
        "name":"王五",
        "sex":"男",
        "age":19
    }
]

console.log(student[0
 
].id);     //001
console.log(student[1].name);   //李四

然後就可以通過student[0].id，student[1].name這種方式獲取這些學生的學號和姓名了。

JSON其實應用得很廣泛，不難理解，但是JSONP就很容易被誤解了， 以為跟JSON一樣，實際上是兩個不同的東西。

JSONP
如果你理解了JSON是一種資料交換格式，那麼JSONP就是一個跨域互動協議，可以理解為，JSONP約定了JSON的這個資料怎樣進行傳遞。

再講詳細點，跨域是指從一個域名去請求另一個域名的資源，我們知道，如果直接用AJAX請求的時候，由於瀏覽器同源策略的存在，很容易產生跨域問題，同源策略是指域名、協議、埠均相同，如果不同則視為跨域請求，跨域請求一律都是不行的。

想要跨域請求資源，除非我們運用js的特性：script標籤中的連結可以訪問跨域的js檔案，於是跨域伺服器可以這樣做，它把客戶端需要的資料動態包裝成js檔案然後提供給客戶端請求。這種資料傳遞方式慢慢就形成了一種傳輸協議，這就是JSONP了。