跨域访问实现依据

简介: 首先要弄清楚域是含义。这里引用百度知道里的域的一个概念说明: 域(Domain)是Windows网络中独立运行的单位,域之间相互访问则需要建立信任关系(即Trust Relation)。信任关系是连接在域与域之间的桥梁。

首先要弄清楚域是含义。这里引用百度知道里的域的一个概念说明:

(Domain)Windows网络中独立运行的单位,域之间相互访问则需要建立信任关系(Trust Relation)。信任关系是连接在域与域之间的桥梁。当一个域与其他域建立了信任关系后,2个域之间不但可以按需要相互进行管理,还可以跨网分配文件和打印机等设备资源,使不同的域之间实现网络资源的共享与管理。

有一种简明的说法来解释广域跨域:跨域访问,简单来说就是 A 网站的 javascript 代码试图访问 B 网站,包括提交内容和获取内容。由于安全原因,跨域访问是被各大浏览器所默认禁止的。

 

在广域网环境中,由于浏览器的安全限制,网络连接的跨域访问时不被允许的,XmlHttpRequest也不例外。但有时候跨域访问资源是必需的。

 

同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。也就是说,受到请求的 URL 的域必须与当前 Web 页面的域相同。这意味着浏览器隔离来自不同源的内容,以防止它们之间的操作。同源策略不阻止将动态脚本元素插入文档中。

 

参考理论一:在浏览器中不能直接来跨域访问,而在服务器端没有跨域安全限制。

 

这样的话,可以在服务端完成跨域访问,而在客户端来取得结果就可以了。

 

参考理论二:同源策略不阻止动态脚本元素插入,脚本访问可以跨域。

 

以下直接引用:

具体情况有:

一、本域和子域的相互访问: www.aa.combook.aa.com

二、本域和其他域的相互访问: www.aa.comwww.bb.com iframe

三、本域和其他域的相互访问: www.aa.comwww.bb.com XMLHttpRequest访问代理

四、本域和其他域的相互访问: www.aa.comwww.bb.com JS创建动态脚本

 

解决方法:

一、如果想做到数据的交互,那么www.aa.combook.aa.com必须由你来开发才可以。可以将book.aa.comiframe添加到 www.aa.com的某个页面下,www.aa.comiframe里面都加上document.domain = "aa.com",这样就可以统一域了,可以实现跨域访问。就和平时同一个域中镶嵌iframe一样,直接调用里面的JS就可以了。(这个办法我没有尝试,不过理论可行)

 

二、当两个域不同时,如果想相互调用,那么同样需要两个域都是由你来开发才可以。用iframe可以实现数据的互相调用。解决方案就是用window.location对象的hash属性。hash属性就是http://domian/web/a.htm#dshakjdhsjka 里面的#dshakjdhsjka。利用JS改变hash值网页不会刷新,可以这样实现通过JS访问hash值来做到通信。不过除了IE之外其他大部分浏览器只要改变hash就会记录历史,你在前进和后退时就需要处理,非常麻烦。不过再做简单的处理时还是可以用的。大体的过程是页面a和页面b在不同域下,b通过iframe添加到a里,a通过JS修改iframehash值,b里面做一个监听(因为JS只能修改hash,数据是否改变只能由b自己来判断),检测到bhash值被修改了,得到修改的值,经过处理返回a需要的值,再来修改ahash值(这个地方要注意,如果a 本身是那种查询页面的话比如http://domian/web/a.aspx?id=3,b中直接parent.window.location是无法取得数据的,同样报没有权限的错误,需要a把这个传过来,所以也比较麻烦),同样a里面也要做监听,如果hash变化的话就取得返回的数据,再做相应的处理。

 

三、这种情形是最经常遇到的,也是用的最多的了。就是www.aa.comwww.bb.com你只能修改一个,也就是另外一个是别人的,人家告诉你你要取得数据就访问某某连接参数是什么样子的,最后返回数据是什么格式的。而你需要做的就是在你的域下新建一个网页,让服务器去别人的网站上取得数据,再返回给你。domain1下的a向同域下的GetData.aspx请求数据,GetData.aspxdomain2下的 ResponseData.aspx发送请求,ResponseData.aspx返回数据给GetData.aspx, GetData.aspx再返回给a,这样就完成了一次数据请求。GetData.aspx在其中充当了代理的作用。

 

四、这个和上个的区别就是请求是使用<script>标签来请求的,这个要求也是两个域都是由你来开发才行。原理就是JS文件注入,在本域内的a 内生成一个JS标签,它的SRC指向请求的另外一个域的某个页面bb返回数据即可,可以直接返回JS的代码。因为scriptsrc属性是可以跨域的。

 

 

总结:

第一种情况:域和子域的问题,可以完全解决交互。

第二种情况:跨域,实现过程非常麻烦,需要两个域开发者都能控制,适用于简单交互。

第三种情况:跨域,开发者只控制一个域即可,实现过程需要增加代理取得数据,是常用的方式。

第四种情况:跨域,两个域开发者都需要控制,返回一段js代码。

 

参考:

http://blog.csdn.net/axzywan/archive/2009/01/19/3837311.aspx

http://www.liehuo.net/a/200912/0111192.html

http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/index.html#intro

 

博客园大道至简

http://www.cnblogs.com/jams742003/

转载请注明:博客园

目录
相关文章
|
应用服务中间件 Nacos nginx
跨域配置
跨域配置
478 0
跨域配置
|
安全 JavaScript 前端开发
配置CORS跨域
出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。
477 0
|
JSON JavaScript 前端开发
如何处理跨域请求:JSONP、CORS 和代理服务器
处理跨域请求是前端开发中的常见挑战,因为浏览器的同源策略限制了在不同域名、协议或端口之间进行直接通信。为了解决跨域请求的问题,可以使用以下三种常见的方法:JSONP、CORS和代理服务器。
452 0
|
JSON 安全 JavaScript
跨域访问(JSONP)
跨域访问(JSONP)
143 0
跨域访问(JSONP)
|
存储 前端开发 安全
跨域访问|学习笔记
快速学习跨域访问
174 0
跨域访问|学习笔记
|
JSON 缓存 JavaScript
同源策略与跨域访问(jsonp和cors等)
同源策略与跨域访问(jsonp和cors等)
307 0
同源策略与跨域访问(jsonp和cors等)
|
缓存 应用服务中间件 Linux
跨域访问
跨域是指从一个域名的网页去请求另一个域名的资源。比如从 www.a.com 页面去请求 www.b.com 的资源。
跨域访问
|
前端开发
跨域问题不一定真的是跨域了???
跨域问题不一定真的是跨域了???
175 0
跨域问题不一定真的是跨域了???
|
前端开发
总结-使用CORS解决跨域问题(上)
对前端来说跨域应该是不陌生的,解决跨域的方案有很多种。而我司前端接口调用也正是CORS的方式,所以难免在联调阶段会遇见一些CORS跨域的问题,下面通过一个简单的demo验证一下CORS解决跨域的过程中,对一些不清楚的知识点做一个简单的总结