JSONP跨域请求原理及示例

一、JSON和JSONP？

  JSON（JavaScript Object Notation）和JSONP（JSON with Padding）虽然只有一个字母的差别，但其实根本不是一回事：JSON是一种轻量级的数据传输格式，而JSONP是一种依靠开发人员的聪明才智创造出来的一种非官方跨域数据交互协议。打个比喻：JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。一个是描述信息的格式，一个是信息传递双方约定的方法。

JSON实例：

// 描述一个人 
var person = {
    "Name": "Bob",
    "Age": 32,
    "Company": "IBM",
    "Engineer": true
}
 
// 获取这个人的信息 
var personAge = person.Age;
 
// 描述几个人 
var members = [
    {
        "Name": "Bob",
        "Age": 32,
        "Company": "IBM",
        "Engineer": true
    },
    {
        "Name": "John",
        "Age": 20,
        "Company": "Oracle",
        "Engineer": false
    },
    {
        "Name": "Henry",
        "Age": 45,
        "Company": "Microsoft",
        "Engineer": false
    }
]

那么JSONP具体是做什么的呢？

  首先抛出浏览器同源策略这个概念，为了保证用户访问的安全，现代浏览器使用了同源策略，即不允许访问非同源的页面，所谓同源就是协议、域名和端口号都相同，否则就是不同源的，可以参考以下实例：

URL	说明	是否允许通信
http://www.a.com/a.js http://www.a.com/b.js