Javascript 之 跨域
2018-06-24 00:31:02来源：未知 阅读 ()
什么是跨域
浏览器有同源策略，不允许 ajax 访问其他域的接口
跨域条件：协议、域名、端口，有一个不同就算跨域
http 默认端口是 80
https 默认端口是 443
有三个标签允许跨域加载资源
<img src="..." /> // 可用于打点统计，统计网站可能是其他域
<script src="..."></script> // 可以用于 JSONP，也能使用 CDN
<link href="..." /> // 可以使用CDN，CDN的也是其他域
跨域的几种方式
1、JSONP 跨域的数据请求
JSONP 实现原理
1、加载 http://www.baidu.com/test.html
2、不一定服务端真正有一个 test.html 文件
3、服务器可以根据请求，动态生成一个 test.html 文件，返回
4、同理于 <script src="http://www.baidu.com/api.js"></script>
<script>
window.callback = function (data) {
console.log(data); // 这是跨域得到的信息
}
</script>
<script src="http://www.baidu.com/api.js"></script>
<!-- api.js 内容是： callback({x: 100, y: 200}) -->
2、服务端设置 http header 这是将来解决跨域问题的一个趋势
// 注意：不同后端语言的写法可能不一样
// 第二个参数填写允许跨域的域名，* 代表允许所有域，不建议直接写 *
response.setHeader("Access-Control-Allow-Origin", "http://a.com, http://b.com");
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- javascript面向对象入门基础详细介绍 2020-03-29
- JavaScript函数表达式详解及实例 2020-03-25
- 如何用javascript连接access数据库 2020-03-20
- js中去掉字串左右空格 2020-03-20
- Javascript中的经典技巧 2020-03-20
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
