我们发送一个 jsonp 的请求：
$.ajax({
crossDomain:true,//强制跨域
url: ' http://url...’, //不同的域
type: 'GET', // jsonp模式只有GET是合法的
data: {
'action': 'aaron'
}, // 预传参的数组
dataType: 'jsonp', // 数据类型
jsonp: 'backfunc', // 指定回调函数名，与服务器端接收的一致，并回传回来
})
通过 ajax 请求不同域的实现，jsonp 底层不是靠 XmlHttpRequest 而是 script，所以不要被这个方法给迷惑了。
这里有几个要注意的：
http://192.168.1.113:8080/github/jQuery/jsonp.php?callback=flightHandler&action=aaron&_=1418782732584 ">
然后通过创建脚本动态加载：
<script type="text/javascript" src=" http://192.168.1.113:8080/github/jQuery/jsonp.php?callback=flightHandler&action=aaron&_=1418782732584 "></script>
然后 php 方就会收到 get 请求的参数，通过解析出 callback 执行 callback 这个回调并传递参数。
要处理的几个问题：
1. 采用的是脚本请求的方法，所以虽然 dataType 是 'jsonp' 但是内部还是按照 script 处理 2. get 请求的后缀拼接，编码的处理 3. 避免缓存的处理
所以流程就会分二步：
分发器执行代码：
当我们所有的参数都转化好了，此时会经过请求发送器用来处理发送的具体，为什么会叫做分发器，因为发送的请求目标，ajax 因为参杂了 jsonp 的处理，所以实际上的请求不是通过 xhr.send(XmlHttpRequest) 发送的，而是通过 get 方式的脚本加载的，所以 transports 对象在初始化构件的时候，会生成 2 个处理器
*: Array[1] 针对xhr方式 script: Array[1] 针对script,jsonp方式
所以 transport = inspectPrefiltersOrTransports(transports, s, options, jqXHR),那么得到的 transport 就会根据当前的处理的类型，来选择采用哪种发送器（*、script）所以最终的实现就是通过动态加载脚本！
请验证，完成请求
由于请求次数过多，请先验证，完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报