JSONP
前言
让我们一起和这个没什么用 只有老旧的项目才会用的 偏偏面试喜欢出的难题JSONP对线一下
首先 我们要知道 同源和跨域
简单的说 两个网站的 协议 域名 端口一样 他们就是同源 反之 则是跨域 处于安全考虑 同源策略禁止跨域交互数据
但是实际开发有时候又需要跨域 于是 在聪明的cv端(前端)程序员的聪明才智下 JSONP应运而生
什么是JSONP
JSONP是JSON with Padding的略称,JSONP为民间提出的一种跨域解决方案,通过客户端的script标签发出的请求方式。
我们来简单概括他的优缺点
因为出生早它兼容性比较好,
缺点只会get不会post 相当于只会拿别人的数据 不会给别人数据
JSONP 是如何实现的
简单的说 JSONP的实现步骤可以理解为 利用别人走私
为什么这么说呢
同源策略虽然禁止两个网页数据交互
但是我们的img标签可以随意的调用网络上的图片
而script标签也可以调用网络上的数据 而不被同源检查
script标签跨域通过src属性来请求跨域的js脚本
而JSONP就是利用了script标签的这一特点 请求跨域的数据接口,然后通过函数调用的方式来接收跨域接口响应回来的数据
总结就是 JSONP利用script标签不会被同源检查来实现跨域
我们来通过JSONP实现一个跨域
首先 我们先去淘宝借一点数据