CN102307220A - 一种跨域网页信息交互方法 - Google Patents

Abstract

本发明提供一种跨域网页信息交互方法：首先，客户端WEB页面中的ActiveX控件向服务器WEB页面中的ActiveX控件发送请求，建立通信通道。其次，服务器WEB页面中的ActiveX控件根据客户端WEB页面的请求，读取服务器WEB页面上的网页元素，并发送至客户端WEB页面。最后，客户端WEB页面中的ActiveX控件接收网页元素，并通过客户端WEB页面显示，完成跨域网页之间的信息交互。就可实现利用javascript编程语言构架的页面之间的直接跨域访问，实现了跨域的接续功能调用、事件响应、以及javascript调用，简化了域间访问的过程。

Description

一种跨域网页信息交互方法

技术领域

本发明涉及通信领域，尤其涉及一种跨越网页信息交互方法。

背景技术

目前，出于安全等级等方面的考虑，利用javascript语言编程构架的WEB页面之间不能直接进行信息的相互调用，一般情况下采用Web代理的方式、iframe方式、用户本地转储方式等方式来解决跨域访问的问题。

Web代理的方式，即用户访问A网站时所产生的对B网站的跨域访问请求均提交到A网站的指定页面，由该页面代替用户页面完成交互，从而返回合适的结果。

iframe方式，是在页面内嵌或动态生成指向别的网站的IFRAME，然后这2个网页间可以通过改变对方的anchor hash fragment来传输消息。改变一个网页的anchor hash fragment并不会使浏览器重新装载网页，所以一个网页的状态得以保持，而网页本身则可以通过一个计时器(timer)来察觉自己anchor hash的变化，从而相应改变自己的状态。

用户本地转储方式，是IE本身依附于windows平台的特性为我们提供了一种基于iframe，利用内存来“绕行”的方案，即两个window之间可以在客户端通过 windows剪贴板的方式进行数据传输，只需要在接受数据的一方设置Interval进行轮询，获得结果后清除Interval即可。

上述技术方案都存在很多局限：Web代理的方式方案是增加了服务的访问压力，如果大并发量的情况下，就会形成瓶颈；iframe方式，也会增加服务器的压力，而且数据是准实时，不是真正的实时；用户本地转储方式会存在浏览器的兼容问题。

发明内容

本发明的目的在于提供一种可实现利用javascript编程语言构架的页面之间的跨域信息交互的方法。

一种跨域网页信息交互方法，至少两个WEB页面中，每个WEB页面上都加载有ActiveX控件，至少一个WEB页面作为客户端，其它WEB页面中至少一个WEB页面作为服务器，所述客户端WEB页面访问所述服务器WEB页面上的网页元素，按照以下步骤实现跨域网页信息交互，

第一步，所述客户端WEB页面中的ActiveX控件向所述服务器WEB页面中的ActiveX控件发送访问请求；

第二步，所述服务器WEB页面判断是否成功与所述客户端WEB页面建立通信通道：若成功建立通信通道，则执行第三步；否则返回所述第一步；

第三步，所述服务器WEB页面中的ActiveX控件根据所述客户端WEB页面的请求，读取所述服务器WEB页面上的网页元素，并发送至所述客户端WEB页面；

第四步，所述客户端WEB页面中的ActiveX控件接收所述网页元素，并通过所述客户端WEB页面显示。

本发明的有益效果是：采用本发明技术方案，就可实现利用javascript编程语言构架的页面之间的直接跨域访问，实现了跨域的接续功能调用、事件响应、以及javascript调用，简化了域间访问的过程。

附图说明

图1为本发明跨域网页信息交互方法的流程示意图。

具体实施方式

以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。

如图1所示，本发明提供一种利用javascript编程语言构架的页面间的信息交互方法，包括至少两个WEB页面，每个WEB页面上加载有ActiveX控件，且在ActiveX服务控件中封装接口函数和事件。其中，至少一个WEB页面作为客户端，其它WEB页面中至少一个WEB页面作为服务器，客户端WEB页面访问服务器WEB页面上的网页元素，按照以下步骤实现跨域网页信息交互：

第一步，客户端WEB页面中的ActiveX控件向服务器WEB页面中的ActiveX控件发送访问请求；

第二步，服务器WEB页面判断是否成功与客户端WEB页面建立通信通道：若成功建立通信通道，则执行第三步；否则返回第一步；

第三步，服务器WEB页面中的ActiveX控件根据客户端WEB页面的请求，读取服务器WEB页面上的网页元素，并发送至客户端WEB页面；

第四步，客户端WEB页面中的ActiveX控件接收网页元素，并通过客户端WEB页面显示，完成跨域网页之间的信息交互。

当用户通过因特网浏览多个WEB网页，需要从一个WEB页面调用另一个WEB页面内的网页元素时，例如，用户同时打开百度和新浪两个网页，需要将新浪网页中的某一网页元素（例如一张图片）调用到百度网页中显示，或者用户在百度页面进行信息处理时，需要调用新浪网页中的某一网页元素（例如一张图片）进行下一步处理时。此时，百度网页就相当于客户端，新浪网页就相当于服务器，即可通过本发明的技术方案来实现这两个域间的直接访问。下面对本发明技术方案进行详细说明。

首先，百度网页通过其上加载的ActiveX控件向新浪网页上加载的ActiveX控件发送请求，二者之间建立通信通道。接着，新浪网页根据百度网页发送来的数据，利用其网页上的ActiveX控件读取百度页面需要的图片，发送至百度页面。最后，百度页面利用其上加载的ActiveX控件接收新浪网页发送来的图片，由百度页面显示或者进行下一步处理。至此完成两个跨域网页之间的信息交互。当然，百度页面也可在发送连接请求的同时，将其需要获取的新浪网页上的图片信息一同发送至新浪网页，实现跨越访问。

本发明技术方案也可实现多个网页间的相互访问，例如用户打开三个网页，也可按照上述工作过程，由第一网页分别访问第二网页和第三网页上的页面元素。这就相当于同时在第一网页和第二网页之间、第一网页和第三网页之间建立了两条并行的通信通道，实现跨越信息交互。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (1)

1.一种跨域网页信息交互方法，至少两个WEB页面中，每个WEB页面上都加载有ActiveX控件，至少一个WEB页面作为客户端，其它WEB页面中至少一个WEB页面作为服务器，所述客户端WEB页面访问所述服务器WEB页面上的网页元素，按照以下步骤实现跨域网页信息交互，

第一步，所述客户端WEB页面中的ActiveX控件向所述服务器WEB页面中的ActiveX控件发送访问请求；

第二步，所述服务器WEB页面判断是否成功与所述客户端WEB页面建立通信通道：若成功建立通信通道，则执行第三步；否则返回所述第一步；

第三步，所述服务器WEB页面中的ActiveX控件根据所述客户端WEB页面的请求，读取所述服务器WEB页面上的网页元素，并发送至所述客户端WEB页面；

第四步，所述客户端WEB页面中的ActiveX控件接收所述网页元素，并通过所述客户端WEB页面显示。

Images