什么是跨域?解决跨域的方法
同源策略
- 是浏览器的安全策略
- 域名,协议,端口号必须一致
跨域
- 违背同源策略,就会产生跨域
如何解决跨域
- jsonp (前端实现)
- cors (服务器代码模式) CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)
jsonp
- 利用了浏览器的
script
标签,动态创建script
// 创建script
var script = document.createElement('script');
// 设置回调函数
function getData(data){
// 数据请求回来时触发
console.log(data);
}
// 设置script的src属性,设置请求地址
script.src = '请求地址';
// 让script生效
document.body.appendChild(script);