CN102043832A - 一种网页上实现跨域请求回调的方法 - Google Patents

Abstract

本发明属于网络技术领域，具体涉及一种网页上实现跨域请求回调的方法，包括以下步骤：源用户打开本站网页，本站网页通过网页框架加载外站网页，在所加载的外站网页中自动生成网页框架并加载本站的回调处理页面，当外站网页进行处理需要改变本站网页内容时，通过更改内嵌的框架链接地址和参数告知所嵌入本站网页回调处理页面需要进行处理的内容，所嵌入的本站网页回调处理页面在接收到处理指令后，调用自己父级的父级网页处理函数对本站网页进行操作，即可实现网页上跨域请求回调。该方法完全基于网页实现，通过网页本身的框架组件进行嵌套实现，无需第三方的应用***进行支撑处理，方便、快捷、高效。

Description

一种网页上实现跨域请求回调的方法

技术领域

本发明属于网络技术领域，具体涉及一种网页上实现跨域请求回调的方法。

背景技术

随着互联网的发展，电子信息化得到了很好的普及，基本的日常工作也实现了自动化操作。通常来说，一个独立的***往往无法满足所有的业务需求，由此以来，就需要引入多个***进行操作，当引入多个***后，企业的用户管理、组织机构管理等将存在诸多的问题与不便，比如在A***注册的用户，并不能登录B***。只要涉及此种需求的***，都存在以上的问题。当然，目前解决办法有一些，比如单点登录***、企业应用集成***、LDAP***等，但是，这些技术的实现非常复杂，而且会对现有产品的实现结构和数据结构进行重改，才能满足集成的需求。此项技术难度很大，而且在短时间内难以成熟，这样必然会给企业***带来很多漏洞与隐患。简单的方法也有一些，比如通过网页代理方式进行处理、post请求、get请求等，这些方法均是通过补救方式实现，过程中需要传入大量参数并且需要对这些参数进行解析，解析后又放入某个缓冲区(如数据库、硬盘或者内存等)，原网页需要定时读取这个解析以达到更新的目的，非常浪费服务器和客户端的资源，并没有在完全意义上做到跨域的请求回调。

一种网页上实现跨域请求回调的方法，旨在解决目前传统方式下实现的网页跨域请求回调处理中存在的问题，无需下载任何控件，无需第三方应用框架和应用***进行支撑，完全基于网页本身控件进行实现，操作方便，速度快、反应及时，是一种真正意义上能够普及大众的技术。并且实现原理非常简单，能够很方便地嵌入各种互联网应用中。

发明内容

本发明的目的是：提供一种网页上实现跨域请求回调的方法。

为了达到上述目的，本发明的技术方案为：一种网页上实现跨域请求回调的方法，包括以下步骤：

1)源用户打开本站网页，本站网页通过网页框架加载外站网页；

2)所加载的外站网页自动生成网页框架，并在框架上加载本站的回调处理页面；

3)当外站网页进行处理需要改变本站网页内容时，通过更改内嵌的框架链接地址和参数告知所嵌入本站网页回调处理页面需要进行处理的内容；

4)本站网页回调处理页面在接收到处理指令后，调用自己父级的父级网页即本站原网页的处理函数，对本站网页进行操作，即实现网页上跨域请求回调。

上述技术方案中，步骤1)包含如下过程：

源用户打开本站网页，本站网页通过网页iframe组件加载外站网页。

上述技术方案中，步骤2)包含如下过程：

2a)所加载外站网页加载成功后，通过document.createElement方法创建iframe组件，并通过document.appendChild方法将所创建的iframe方法添加到网页中；

2b)iframe添加到页面后，通过更改iframe的src属性，将iframe内容指向本站的同域名的回调处理页面，并在src参数中传递本站原网页回调处理函数名。

上述技术方案中，步骤3)包含如下过程：

当外站网页进行业务处理，需要对本站网页内容进行更改时，调用网页JavaScript函数，更改嵌入本站回调页面的iframe组件的src属性，并在src参数中传递需要处理的本站原网页回调处理函数名称。

上述技术方案中，步骤4)包含如下过程：

本站网页回调处理页面在加载时，会自动检测URL参数所传递过来的回调函数名，通过调用父窗口的父窗口函数执行JavaScript，由于父窗口的父窗口和本页面是属于同一域，所以有权限对本站网页进行操作，即实现网页上跨域请求回调。

本发明与现有技术相比具有以下优点：

1)利用网页自身组件进行实现，不需要下载任何控件，不需要第三方应用进行支撑。

2)通过连锁回调机制，反应迅速，用户体验好。

3)实现原理简单，完全基于网页，不需要下载任何插件，绿色、环保，可广泛运用于网络会议、远程教育等互联网应用中。

附图说明

说明书附图是本发明的详细流程图。

具体实施方式

一种网页上实现跨域请求回调的方法，包括以下步骤：

1)源用户打开本站网页，本站网页通过网页框架加载外站网页；

2)所加载的外站网页自动生成网页框架，并在框架上加载本站的回调处理页面；

3)当外站网页进行处理需要改变本站网页内容时，通过更改内嵌的框架链接地址和参数告知所嵌入本站网页回调处理页面需要进行处理的内容；

4)本站网页回调处理页面在接收到处理指令后，调用自己父级的父级网页即本站原网页的处理函数，对本站网页进行操作，即实现网页上跨域请求回调。

下面进一步详细说明本发明所述的方法：

参见说明书附图，源用户打开本站网页，本站网页通过网页iframe组件加载外站网页；所加载外站网页加载成功后，通过document.createElement方法创建iframe组件，并通过document.appendChild方法将所创建的iframe方法添加到网页中；iframe添加到页面后，通过更改iframe的src属性，将iframe内容指向本站的回调处理页面，并在src参数中传递本站原网页回调处理函数名；当外站网页进行业务处理，需要对本站网页内容进行更改时，调用网页JavaScript函数，更改嵌入本站回调页面的iframe组件的src属性，并在src参数中传递需要处理的本站原网页回调处理函数名称；本站网页回调处理页面在加载时，会自动检测URL参数所传递过来的回调函数名，通过调用父窗口的父窗口函数执行JavaScript，由于回调处理页面和本页面属于同一域，所以以权限对本站网页进行操作，即实现网页上跨域请求回调。

Claims (5)

1.一种网页上实现跨域请求回调的方法，其特征在于，包括以下步骤：

1)源用户打开本站网页，本站网页通过网页框架加载外站网页；

2)所加载的外站网页自动生成网页框架，并在框架上加载本站的回调处理页面；

3)当外站网页进行处理需要改变本站网页内容时，通过更改内嵌的框架链接地址和参数告知所嵌入本站网页回调处理页面需要进行处理的内容；

4)本站网页回调处理页面在接收到处理指令后，调用自己父级的父级网页即本站原网页的处理函数，对本站网页进行操作，即实现网页上跨域请求回调。

2.如权利要求1所述的一种网页上实现跨域请求回调的方法，其特征在于，其中步骤1)包含如下过程：

源用户打开本站网页，本站网页通过网页iframe组件加载外站网页。

3.如权利要求1所述的一种网页上实现跨域请求回调的方法，其特征在于，其中步骤2)包含如下过程：

2a)所加载外站网页加载成功后，通过document.createElement方法创建iframe组件，并通过document.appendChild方法将所创建的iframe方法添加到网页中；

2b)iframe添加到页面后，通过更改iframe的src属性，将iframe内容指向本站的同域名的回调处理页面，并在src参数中传递本站原网页回调处理函数名。

4.如权利要求1所述的一种网页上实现跨域请求回调的方法，其特征在于，其中步骤3)包含如下过程：

当外站网页进行业务处理，需要对本站网页内容进行更改时，调用网页JavaScript函数，更改嵌入本站回调页面的iframe组件的src属性，并在src参数中传递需要处理的本站原网页回调处理函数名称。

5.如权利要求1所述的一种网页上实现跨域请求回调的方法，其特征在于，其中步骤4)包含如下过程：

本站网页回调处理页面在加载时，会自动检测URL参数所传递过来的回调函数名，通过调用父窗口的父窗口函数执行JavaScript，由于父窗口的父窗口和本页面是属于同一域，所以有权限对本站网页进行操作，即实现网页上跨域请求回调。

Images