JSON 和 JSONP 的联系与区别

一、JSON

JSON是一种轻量级的数据交换格式

优点：１、基于纯文本，跨平台传递极其简单；

　　　２、Javascript原生支持，后台语言几乎全部支持；

　　　３、轻量级数据格式，占用字符数量极少；

　　　４、可读性较强，容易编写和解析；

var conference = {
    "Conference": "Future Marketing",
    "Date": "2012-6-1",
    "Address": "Beijing",
    "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（JSON with padding)

可以跨域的原因：

　　Web页面上调用js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是拥有”src”这个属性的标签都拥有跨域的能力，比如<script>、<img>、<iframe>），所以可以使用JSONP来解决跨域的问题， 就是在远程服务器端把数据装入js文件中，供客户端调用和进一步处理。 

JSONP原理： 
　　首先在客户端注册一个callback(如:'jsoncallback'), 然后把callback的名字(如:jsonp1236827957501)传给服务器。服务端得到callback的数值后，要用jsonp1236827957501(......)把将要输出的json内容包括起来，此时，服务器生成 json 数据才能被客户端正确接收。然后以 javascript 语法的方式，生成一个function , function 名字就是传递上来的参数 jsonp。最后将 json 数据直接以入参的方式，放置到 function 中，这样就生成了一段 js 语法的文档，返回给客户端。

　　客户端浏览器，解析script标签，并执行返回的 javascript 文档，此时数据作为参数，传入到了客户端预先定义好的 callback 函数里。（动态执行回调函数）

三、总结

        json是理想的数据交换格式，但没办法跨域直接获取，于是就将json包裹(padding)在一个合法的js语句中作为js文件传过去。这就是json和jsonp的区别，json是想要的东西，jsonp是达到这个目的而普遍采用的一种方法，当然最终获得和处理的还是json。所以说json是目的，jsonp只是手段。json总会用到，而jsonp只有在跨域获取数据才会用到。

【注意】参考博客：https://www.cnblogs.com/iovec/p/5312464.html