json和JSONP的区别

// 1. 客户端定义接收数据的函数
// 这个函数在收到服务器响应后会被执行
function getUser(res) {
    console.log('got it!')
    console.log(res)
    // dosome things with res
}

// 2. 客户端建立script元素，设置src: url?callback=getUser
// <script src="url?callback=getUser">
// 设置完src属性后，客户端会立即发送请求

// 3. 服务器接受客户端请求，发送数据
function serverResponse() {
    // 获取url中callback的值
    let fn = 'getUser'
    let data = "{name: 'zhangsan'}"
    return `${fn}(${data})` // 'getUser({name: 'zhangsan'})'
}

// 4. 客户端收到响应，立即执行script脚本
// 客户端收到"getUser({name: 'zhangsan'})"的字符串
// 字符串会被浏览器解析并执行
eval(serverResponse())
//这个时候步骤一中的getUser()函数就被执行了，打印出{name: 'zhangsan'}

The difference between a JSON response and a JSONP response is that the JSONP response object is passed as an argument to a callback function.

转自：
https://zhuanlan.zhihu.com/p/29614293