JSONP跨域介绍

跨域


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

  • JSONP 的跨域方式
    原理:某些标签默认拥有跨域的能力,例如script标签,可以加载外部脚本,并且立即执行。这时我们返回这样一段代码
data = {
	code: '200',
	message: 'ok'
}
callback(data);

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

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

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

更多文章


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

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

上一篇:angular9 中使用jsonp实现跨域


下一篇:jQuery.ajax通过jsonp解决跨域