CN106202531A - 一种Flex和Html数据相互交互的方法及装置 - Google Patents
一种Flex和Html数据相互交互的方法及装置 Download PDFInfo
- Publication number
- CN106202531A CN106202531A CN201610586865.XA CN201610586865A CN106202531A CN 106202531 A CN106202531 A CN 106202531A CN 201610586865 A CN201610586865 A CN 201610586865A CN 106202531 A CN106202531 A CN 106202531A
- Authority
- CN
- China
- Prior art keywords
- flex
- data
- page
- url
- html
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种Flex和Html数据相互交互的方法及装置,当Flex页面向Html页面传输数据时,将Flex页面的数据封装到Html页面的URL中;当Html页面打开时,解析URL获取参数信息;Html页面监听URL中数据的变化;当监听到URL中数据变化时,获取更新的参数信息。当Html页面向Flex页面传输数据时,将Html页面的数据封装到Flex页面中的URL中;当Flex页面打开时,解析URL获取参数信息;Flex页面监听URL中数据的变化;当监听到URL中数据变化时,获取更新的参数信息。本申请实现了不同语言之间的相互通信,大大减少了服务器的压力,提升了用户的使用体验。
Description
技术领域
本发明涉及WEB技术领域,特别是涉及一种Flex和Html数据相互交互的方法及装置。
背景技术
在WEB客户端中,同一个***中经常会应用到不同的技术去实现页面,有的使用Html、有的也会使用Flex,不同语言实现有各自语言的优势。此时就会产生一个问题,即不同语言页面之间如何进行相互通信的问题。
通常这种情况的处理方式是通过server端进行通信,这将会给server端带来较大的压力,严重影响用户的使用体验。
发明内容
本发明的目的是提供一种Flex和Html数据相互交互的方法及装置,目的在于解决现有Flex和Html数据交互技术给server端带来较大的压力,影响用户体验的问题。
为解决上述技术问题,本发明提供一种Flex和Html数据相互交互的方法,包括:
当Flex页面向Html页面传输数据时,将所述Flex页面的数据封装到所述Html页面的URL中;
当所述Html页面打开时,解析URL获取参数信息;
所述Html页面监听URL中数据的变化;
当监听到URL中数据变化时,获取更新的参数信息。
可选地,所述将所述Flex页面的数据封装到所述Html页面的URL中包括:
通过Flex与JavaScript的相互调用,将Flex的数据封装到所述Html页面的URL中。
本发明还提供了一种Flex和Html数据相互交互的方法,包括:
当Html页面向Flex页面传输数据时,将所述Html页面的数据封装到所述Flex页面中的URL中;
当所述Flex页面打开时,解析URL获取参数信息;
所述Flex页面监听URL中数据的变化;
当监听到URL中数据变化时,获取更新的参数信息。
可选地,所述将所述Html页面的数据封装到所述Flex页面中的URL中包括:
通过JavaScript获取所述Html页面的数据,并封装到所述Flex页面中的URL中。
本发明还提供了一种Flex和Html数据相互交互的装置,包括:
第一封装模块,用于当Flex页面向Html页面传输数据时,将所述Flex页面的数据封装到所述Html页面的URL中;
第一解析模块,用于当所述Html页面打开时,解析URL获取参数信息;
第一监听模块,用于所述Html页面监听URL中数据的变化;
第一获取模块,用于当监听到URL中数据变化时,获取更新的参数信息。
可选地,所述第一封装模块具体用于:
通过Flex与JavaScript的相互调用,将Flex的数据封装到所述Html页面的URL中。
本发明还提供了一种Flex和Html数据相互交互的装置,包括:
第二封装模块,用于当Html页面向Flex页面传输数据时,将所述Html页面的数据封装到所述Flex页面中的URL中;
第二解析模块,用于当所述Flex页面打开时,解析URL获取参数信息;
第二监听模块,用于所述Flex页面监听URL中数据的变化;
第二获取模块,用于当监听到URL中数据变化时,获取更新的参数信息。
可选地,所述第二封装模块具体用于:
通过JavaScript获取所述Html页面的数据,并封装到所述Flex页面中的URL中。
本发明所提供的Flex和Html数据相互交互的方法及装置,当Flex页面向Html页面传输数据时,将Flex页面的数据封装到Html页面的URL中;当Html页面打开时,解析URL获取参数信息;Html页面监听URL中数据的变化;当监听到URL中数据变化时,获取更新的参数信息。当Html页面向Flex页面传输数据时,将Html页面的数据封装到Flex页面中的URL中;当Flex页面打开时,解析URL获取参数信息;Flex页面监听URL中数据的变化;当监听到URL中数据变化时,获取更新的参数信息。本申请利用浏览器URL中可以存放少量数据的特性,将一些参数附加到URL中,从而实现不同语言之间的相互通信。通过采用客户端进行通信,大大减少了服务器的压力,在一个应用中不同的客户端之间通信更加方便快捷,提升了用户的使用体验。
附图说明
为了更清楚的说明本发明实施例或现有技术的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明所提供的Flex和Html数据相互交互的方法的一种具体实施方式的流程图;
图2为本发明实施例提供的Flex和Html数据相互交互的装置的一种具体实施方式的结构框图;
图3为本发明所提供的Flex和Html数据相互交互的方法的另一种具体实施方式的流程图;
图4为本发明实施例提供的Flex和Html数据相互交互的装置的另一种具体实施方式的结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面结合附图和具体实施方式对本发明作进一步的详细说明。显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明所提供的Flex和Html数据相互交互的方法的一种具体实施方式的流程图如图1所示,该方法包括:
步骤S101:当Flex页面向Html页面传输数据时,将所述Flex页面的数据封装到所述Html页面的URL中;
步骤S102:当所述Html页面打开时,解析URL获取参数信息;
步骤S103:所述Html页面监听URL中数据的变化;
步骤S104:当监听到URL中数据变化时,获取更新的参数信息。
本发明所提供的Flex和Html数据相互交互的方法及装置,当Flex页面向Html页面传输数据时,将Flex页面的数据封装到Html页面的URL中;当Html页面打开时,解析URL获取参数信息;Html页面监听URL中数据的变化;当监听到URL中数据变化时,获取更新的参数信息。本申请利用浏览器URL中可以存放少量数据的特性,将一些参数附加到URL中,从而实现不同语言之间的相互通信。通过采用客户端进行通信,大大减少了服务器的压力,在一个应用中不同的客户端之间通信更加方便快捷,提升了用户的使用体验。
需要指出的是,本发明是基于向URL中添加参数实现的,其参数的重要性并不高,运用于安全性较低的参数。
在上述实施例的基础上,本发明所提供的Flex和Html数据相互交互的方法中,将所述Flex页面的数据封装到所述Html页面的URL中可以具体为:
通过Flex与JavaScript的相互调用,将Flex的数据封装到所述Html页面的URL中。
当Flex页面向Html页面传输数据时,通过Flex与js脚本的互动,将参数写入URL中,当Html页面打开时,解析URL获取参数,Html页面同时监听URL的变化,如果Flex改变了URL,Html页面就会有所感知,从而达到Flex到Html的数据通信。
下面对本发明实施例提供的Flex和Html数据相互交互的装置进行介绍,下文描述的Flex和Html数据相互交互的装置与上文描述的Flex和Html数据相互交互的方法可相互对应参照。
图2为本发明实施例提供的Flex和Html数据相互交互的装置的一种具体实施方式的结构框图,参照图2 Flex和Html数据相互交互的装置可以包括:
第一封装模块100,用于当Flex页面向Html页面传输数据时,将所述Flex页面的数据封装到所述Html页面的URL中;
第一解析模块200,用于当所述Html页面打开时,解析URL获取参数信息;
第一监听模块300,用于所述Html页面监听URL中数据的变化;
第一获取模块400,用于当监听到URL中数据变化时,获取更新的参数信息。
其中,第一封装模块100具体用于:
通过Flex与JavaScript的相互调用,将Flex的数据封装到所述Html页面的URL中。
本发明所提供的Flex和Html数据相互交互的装置,当Flex页面向Html页面传输数据时,将Flex页面的数据封装到Html页面的URL中;当Html页面打开时,解析URL获取参数信息;Html页面监听URL中数据的变化;当监听到URL中数据变化时,获取更新的参数信息。本申请利用浏览器URL中可以存放少量数据的特性,将一些参数附加到URL中,从而实现不同语言之间的相互通信。通过采用客户端进行通信,大大减少了服务器的压力,在一个应用中不同的客户端之间通信更加方便快捷,提升了用户的使用体验。
本发明所提供的Flex和Html数据相互交互的方法的另一种具体实施方式的流程图如图3所示,该方法包括:
步骤S201:当Html页面向Flex页面传输数据时,将所述Html页面的数据封装到所述Flex页面中的URL中;
步骤S202:当所述Flex页面打开时,解析URL获取参数信息;
步骤S203:所述Flex页面监听URL中数据的变化;
步骤S204:当监听到URL中数据变化时,获取更新的参数信息。
其中,将所述Html页面的数据封装到所述Flex页面中的URL中具体可以为:
通过JavaScript获取所述Html页面的数据,并封装到所述Flex页面中的URL中。
当Html页面向Flex页面传输数据时,通过js获取Html的数据,并封装到Flex页面中的URL中,Flex页面监听URL中的改变,这样只要URL中的数据有变化,Flex页面就会感知,从而达到Html到Flex的数据通信。
下面对本发明实施例提供的Flex和Html数据相互交互的装置进行介绍,下文描述的Flex和Html数据相互交互的装置与上文描述的Flex和Html数据相互交互的方法可相互对应参照。
图4为本发明实施例提供的Flex和Html数据相互交互的装置的另一种具体实施方式的结构框图,参照图4 Flex和Html数据相互交互的装置可以包括:
第二封装模块500,用于当Html页面向Flex页面传输数据时,将所述Html页面的数据封装到所述Flex页面中的URL中;
第二解析模块600,用于当所述Flex页面打开时,解析URL获取参数信息;
第二监听模块700,用于所述Flex页面监听URL中数据的变化;
第二获取模块800,用于当监听到URL中数据变化时,获取更新的参数信息。
作为一种具体实施方式,本发明所提供的Flex和Html数据相互交互的装置中,上述第二封装模块500可以具体用于:
通过JavaScript获取所述Html页面的数据,并封装到所述Flex页面中的URL中。
本发明所提供的Flex和Html数据相互交互的方法及装置,当Html页面向Flex页面传输数据时,将Html页面的数据封装到Flex页面中的URL中;当Flex页面打开时,解析URL获取参数信息;Flex页面监听URL中数据的变化;当监听到URL中数据变化时,获取更新的参数信息。本申请利用浏览器URL中可以存放少量数据的特性,将一些参数附加到URL中,从而实现不同语言之间的相互通信。通过采用客户端进行通信,大大减少了服务器的压力,在一个应用中不同的客户端之间通信更加方便快捷,提升了用户的使用体验。
综上,本发明中Flex与Html相互交互的数据通过URL传送到各自画面中,同时再解析URL来获取到对方页面中的信息。当Flex页面想要将数据传送到Html页面中时,可以通过Flex与JavaScript的相互调用,将Flex中的数据封装到Html页面的URL中,Html页面通过解析URL中的数据,从而来达到Flex到HTML的数据通信。当Html页面想要将数据传送到Flex页面中时,可以通过JavaScript获取到Html中的数据,并将数据封装到Flex页面中的URL中,Flex页面通过解析URL中的数据,从而来达到Html到Flex的数据通信。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其它实施例的不同之处,各个实施例之间相同或相似部分互相参见即可。对于实施例公开的装置而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
专业人员还可以进一步意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块,或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
以上对本发明所提供的Flex和Html数据相互交互的方法以及装置进行了详细介绍。本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想。应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以对本发明进行若干改进和修饰,这些改进和修饰也落入本发明权利要求的保护范围内。
Claims (8)
1.一种Flex和Html数据相互交互的方法,其特征在于,包括:
当Flex页面向Html页面传输数据时,将所述Flex页面的数据封装到所述Html页面的URL中;
当所述Html页面打开时,解析URL获取参数信息;
所述Html页面监听URL中数据的变化;
当监听到URL中数据变化时,获取更新的参数信息。
2.如权利要求1所述的Flex和Html数据相互交互的方法,其特征在于,所述将所述Flex页面的数据封装到所述Html页面的URL中包括:
通过Flex与JavaScript的相互调用,将Flex的数据封装到所述Html页面的URL中。
3.一种Flex和Html数据相互交互的方法,其特征在于,包括:
当Html页面向Flex页面传输数据时,将所述Html页面的数据封装到所述Flex页面中的URL中;
当所述Flex页面打开时,解析URL获取参数信息;
所述Flex页面监听URL中数据的变化;
当监听到URL中数据变化时,获取更新的参数信息。
4.如权利要求3所述的Flex和Html数据相互交互的方法,其特征在于,所述将所述Html页面的数据封装到所述Flex页面中的URL中包括:
通过JavaScript获取所述Html页面的数据,并封装到所述Flex页面中的URL中。
5.一种Flex和Html数据相互交互的装置,其特征在于,包括:
第一封装模块,用于当Flex页面向Html页面传输数据时,将所述Flex页面的数据封装到所述Html页面的URL中;
第一解析模块,用于当所述Html页面打开时,解析URL获取参数信息;
第一监听模块,用于所述Html页面监听URL中数据的变化;
第一获取模块,用于当监听到URL中数据变化时,获取更新的参数信息。
6.如权利要求5所述的Flex和Html数据相互交互的装置,其特征在于,所述第一封装模块具体用于:
通过Flex与JavaScript的相互调用,将Flex的数据封装到所述Html页面的URL中。
7.一种Flex和Html数据相互交互的装置,其特征在于,包括:
第二封装模块,用于当Html页面向Flex页面传输数据时,将所述Html页面的数据封装到所述Flex页面中的URL中;
第二解析模块,用于当所述Flex页面打开时,解析URL获取参数信息;
第二监听模块,用于所述Flex页面监听URL中数据的变化;
第二获取模块,用于当监听到URL中数据变化时,获取更新的参数信息。
8.如权利要求7所述的Flex和Html数据相互交互的装置,其特征在于,所述第二封装模块具体用于:
通过JavaScript获取所述Html页面的数据,并封装到所述Flex页面中的URL中。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610586865.XA CN106202531A (zh) | 2016-07-22 | 2016-07-22 | 一种Flex和Html数据相互交互的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610586865.XA CN106202531A (zh) | 2016-07-22 | 2016-07-22 | 一种Flex和Html数据相互交互的方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106202531A true CN106202531A (zh) | 2016-12-07 |
Family
ID=57492496
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610586865.XA Pending CN106202531A (zh) | 2016-07-22 | 2016-07-22 | 一种Flex和Html数据相互交互的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106202531A (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987851A (zh) * | 2005-12-22 | 2007-06-27 | 腾讯科技(深圳)有限公司 | 一种网页数据的更新显示方法 |
CN101882072A (zh) * | 2009-05-05 | 2010-11-10 | 康佳集团股份有限公司 | 一种菜单的定制方法、***及服务器 |
CN103023790A (zh) * | 2012-12-31 | 2013-04-03 | 北京京东世纪贸易有限公司 | 一种用于实现跨域交互访问的方法和*** |
CN103870280A (zh) * | 2014-03-21 | 2014-06-18 | 上海新炬网络技术有限公司 | 基于flex与jsp的网页无缝结合处理方法 |
CN104714980A (zh) * | 2013-12-17 | 2015-06-17 | 阿里巴巴集团控股有限公司 | 页面嵌套路径确定方法及装置 |
CN105512190A (zh) * | 2015-11-26 | 2016-04-20 | 网易(杭州)网络有限公司 | 界面跳转方法及装置 |
-
2016
- 2016-07-22 CN CN201610586865.XA patent/CN106202531A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987851A (zh) * | 2005-12-22 | 2007-06-27 | 腾讯科技(深圳)有限公司 | 一种网页数据的更新显示方法 |
CN101882072A (zh) * | 2009-05-05 | 2010-11-10 | 康佳集团股份有限公司 | 一种菜单的定制方法、***及服务器 |
CN103023790A (zh) * | 2012-12-31 | 2013-04-03 | 北京京东世纪贸易有限公司 | 一种用于实现跨域交互访问的方法和*** |
CN104714980A (zh) * | 2013-12-17 | 2015-06-17 | 阿里巴巴集团控股有限公司 | 页面嵌套路径确定方法及装置 |
CN103870280A (zh) * | 2014-03-21 | 2014-06-18 | 上海新炬网络技术有限公司 | 基于flex与jsp的网页无缝结合处理方法 |
CN105512190A (zh) * | 2015-11-26 | 2016-04-20 | 网易(杭州)网络有限公司 | 界面跳转方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103942225B (zh) | 一种混合型应用客户端的资源调用方法、客户端及*** | |
CN105022832B (zh) | App应用程序安全下载的方法、移动终端及下载服务器 | |
CN103905497B (zh) | 实现第三方应用业务网站登录的方法、装置及应用平台 | |
US20120210011A1 (en) | Apparatus and methods for access solutions to wireless and wired networks | |
CN109379380A (zh) | 数据传输方法、数据接收方法及远程打印***、移动终端 | |
EP2698967A8 (en) | Social network data mining method for terminal user, and relevant method, device and system | |
WO2014135045A1 (en) | Method and system for implementing transparent agent of ios system | |
WO2009106214A3 (de) | Client/server-system zur kommunikation gemäss dem standardprotokoll opc ua und mit single sign-on mechanismen zur authentifizierung sowie verfahren zur durchführung von single sign-on in einem solchen system | |
CN104572099B (zh) | 基于组件和中间件的低耦合框架数据处理方法及*** | |
CN104111836A (zh) | 一种网络采集处理异步加载数据的方法 | |
PH12019502784A1 (en) | Information indication method, terminal, and computer storage medium | |
DE102014115895A1 (de) | Bereitstellen eines Ursprungseinblicks für Webanwendungen über Session-Traversal-Utilities-for-Network-Address-Translation(STUN)-Nachrichten und verwandte Verfahren, Systeme und computerlesbare Medien | |
CN107678918A (zh) | 一种分布式文件***的osd心跳机制设置方法及装置 | |
CN102571575A (zh) | 一种session 信息创建方法、装置和*** | |
CN103177015A (zh) | 网页图像展示方法和*** | |
CN104660547B (zh) | 一种实现远距离通信的服务平台 | |
CN103248664B (zh) | 域名信息的处理方法、无线路由器 | |
CN105827672A (zh) | 远程调用方法及装置 | |
CN106202531A (zh) | 一种Flex和Html数据相互交互的方法及装置 | |
Santos et al. | Integrating IEEE 11073 and constrained application protocol for personal health devices | |
CN109327530A (zh) | 一种信息处理方法、装置、电子设备和存储介质 | |
CN105338069A (zh) | 跨web容器的会话共享方法、***及web应用服务器 | |
CN110022332B (zh) | 一种超文本传输安全协议代理方法、装置、设备及介质 | |
CN204031463U (zh) | 一种智能手表通信*** | |
CN110138803A (zh) | 一种网络行为数据的方法和可视化平台 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20161207 |
|
RJ01 | Rejection of invention patent application after publication |