JSONP跨域介绍

跨域

---

跨域就是提供前端服务的源与提供后端服务的源不同，前后端分离的项目都要考虑跨域问题

• JSONP 的跨域方式
  原理：某些标签默认拥有跨域的能力，例如script标签，可以加载外部脚本，并且立即执行。这时我们返回这样一段代码

data = {
	code: '200',
	message: 'ok'
}
callback(data);

这时候，这段代码如果被加载执行，那么就会调用callback函数，这样我们就可以在前端js文件里面定义callback这个函数的行为。例如

function callback(data) {
	console.log(data);
}

从而获取到了后端返回给我们的数据，但有一个缺点就是JSONP的跨域方法只运行GET请求，原因是因为script标签获取外部脚本的请求本就是GET的

更多文章

---

浏览器同源政策及其规避方法——阮一峰

跨域资源共享 CORS 详解——阮一峰