JSONP

1.jsonp是用来实现跨域通信的一种方法。原理如下：

    利用script标签的src属性来实现跨域，即：在客户端动态添加script然后将url指向要请求的地址；
    将前端方法作为参数传递到服务器，服务器响应之后再返回
复制代码

2.jsonp实现过程：

 请求方：frank.com 的前端程序员（浏览器）
 响应方：jack.com 的后端程序员（服务器）
 请求方创建 script，src 指向响应方，同时传一个查询参数 ?callbackName=yyy
 响应方根据查询参数callbackName，构造形如
 yyy.call(undefined, '你要的数据')
 yyy('你要的数据')
 这样的响应
 浏览器接收到响应，就会执行 yyy.call(undefined, '你要的数据')
 那么请求方就知道了他要的数据
复制代码

注：约定俗称如下：

callbackName -> callback
yyy -> 随机数 frank12312312312321325()

复制代码

3..用jQuery实现jsonp

 $.ajax({
 url: "http://xxxxxxxxxx",
 dataType: "jsonp",
 success: function( response ) {
     if(response === 'success'){
     //执行代码
     }
 }
 })



复制代码

面试题

1.什么是jsonp(见上文)

2.jsonp为什么不支持 POST方法

因为jsonp通过动态创建script标签实现
动态创建的script只能用get请求，无法使用post请求

复制代码

转载于:https://juejin.im/post/5a51913c6fb9a01cbf382b5d