首页 > 技术文章 > 理解跨域

liu-fei-fei 2016-09-10 13:37 原文

整理一下自己这段时间对于跨域的理解和学习:

先来张图,一图解百忧

【原因】Javascript出于安全方面的考虑,不允许跨域调用其他页面的对象。什么是跨域呢,简单地理解就是因为Javascript同源策略的限制,a.com域名下的js无法操作b.com或是c.com域名下的对象

来点栗子,来加深点感觉:

(http://)www.abc.com/index.html 调用 www.abc.com/service.php(非跨域)
(http://)www.abc.com/index.html 调用 www.def.com/service.php(跨域)
(http://)www.abc.com/index.html 调用 bbs.abc.com/service.php(跨域)
(http://)www.abc.com/index.html 调用 www.abc.com:88/service.php(跨域)
(http://)www.abc.com/index.html 调用 https://www.abc.com/service.php(跨域)

协议--http://可以省略

【注】跨域的解决方法,多种多样;后台代理、jsonp、xhr2等等,度娘知道的最多

推荐阅读