<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
/*
1.同源策略：是浏览器安全策略
-----要求：协议名、域名、端口号必须一致。
2.跨域：违背同源策略，就会产生跨域；
3.解决跨域
------jsonp(前端) cors 服务器代理...
* */
//第一步：创建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这个天然的属性，
//在请求的时候将参数传递过去，请求成功的话就会自动调用getData函数，
//从而去执行console.log(data);的log，再去处理接收回来的数据。
</script>
</body>
</html>