<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
/*
面试题:什么是跨域?解决跨域的办法有哪些?
1.同源策略
- 是浏览器的安全策略
- 协议名、域名、端口号必须完全一致
2.跨域
- 违背同源策略就会产生跨域
3.解决跨域
- jsonp 前端和后台一起设置
- cors 只需要后台设置
- 服务器代理 后台设置
*/
// jsonp方法:
// 创建script标签
var script = document.createElement('script');
// 设置回调函数
function getData(data) {
// 数据请求回来会被触发的函数
console.log(data)
}
// 设置script的src属性,设置请求地址
script.src = 'http://localhost:3000?callback=getData';
// 让script生效
document.body.appendChild(script);
</script>
</body>
</html>
08-04
127
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
04-19
7763
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)