浏览器跨域问题?如何解决

什么是跨域?解决跨域的方法

同源策略

  • 是浏览器的安全策略
  • 域名,协议,端口号必须一致

跨域

  • 违背同源策略,就会产生跨域

如何解决跨域

  • 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);
posted @ 2019-06-02 22:17  yaogengzhu  阅读(1331)  评论(0编辑  收藏  举报