ajax 请求受同源策略影响,不允许进行请求,我们利用 script 标签的 src 属性不
受同源策略的约束,利用这个特性jsonp需要以下步骤:
1.动态创建<script></script>(document.createElement('script'))
2.设置src 属性,(src中要包含参数callback=fn)进行跨域请求
3.将 <script></script>添加到页面中执行 (body.appendChild('script'))
4.页面要提前定义好callback。
5.后端会返回回调函数执行并包裹参数callback(data)
备注:
服务端不再返回JSON格式的数据,而是返回回调函数包裹数据
(fn({name:'tom',age:18}),在src中进行了调用,这样实现了跨域。
04-08
710
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
05-12
1196
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)