JSONP 实现跨域

1. 什么是跨域

 浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域

2. 为什么会有跨域

 在前后端分离的模式下，前后端的域名是不一致的，此时就会发生跨域访问问题。
 在请求的过程中我们要想回去数据一般都是post/get请求，所以..跨域问题出现

3. 跨域的方案

 CORS: 服务器设置允许，浏览器要能够识别这个头
 jsonp: 浏览器script的src支持跨域访问，发了一个callback去服务器
 服务器接受callback 返回了一个函数的调用携带了数据回来
 浏览器接收到返回值当做js解析，执行代码

JSONP详解

前台代码

function backFn(data) {
  console.log(data)
}

<script src="httpsL//wwww.接口地址.com/?参数&callback=backFn"></script>

分析

• jsonp的原理就是动态的创建一个script标签，通过在src属性上写上接口地址来请求数据
• 请求的接口地址后面一定要跟上一个callback=backFN
• 其中backFn是你在前台已经写好的一个函数，这个函数内部用来接收请求回来的参数，这个参数要和后台协商好
• callback也要和后台协商好，这就像是一个信号
• 后台返回的数据格式一定要是 backFn(包含的数据) 格式

在这里对后端返回的数据格式有严格的要求，仔细看一看，是不是感觉很熟悉
backFn() ，是不是相当于直接执行了在前台我们早就写好的backFn函数，并且把数据
当作参数传了进来