JSONP

1. 什么是 JSONP

JSONP是服务器与客户端跨源通信的常用方法。最大特点就是简单适用，老式浏览器全部支持，服务器改造非常小。
它的基本思想是，网页通过添加一个\<script>元素，向服务器请求JSON数据，这种做法不受同源政策限制；服务器收到请求后，将数据放在一个指定名字的回调函数里传回来。
具体用法：
请求方：frank.com 的前端程序员（浏览器）
响应方：jack.com 的后端程序员（服务器）

1. 请求方创建 script，src 指向响应方，同时传一个查询参数 ?callbackName=yyy
2. 响应方根据查询参数callbackName，构造形如
   i. yyy.call(undefined, ‘你要的数据’)
   ii. yyy(‘你要的数据’)
   这样的响应
3. 浏览器接收到响应，就会执行 yyy.call(undefined, ‘你要的数据’)
4. 那么请求方就知道了他要的数据
   这就是 JSONP
   约定：
5. callbackName -> callback
6. yyy -> 随机数 frank12312312312321325()
   jQuery 用法

   $.ajax({
    url: "http://jack.com:8002/pay",
    dataType: "jsonp",
    success: function( response ) {
        if(response === 'success'){
        amount.innerText = amount.innerText - 1
        }
    }
    })

2. JSONP 为什么不支持 POST

1.JSONP 是通过动态创建 script 实现的。
2 动态创建 script 的时候只能用 GET ，不能用 POST。

JSONP-demo