[发明专利]一种在WEB客户端加载大数据量的方法及装置

说明书

技术领域

本发明属于WEB技术领域，具体而言，涉及一种在WEB客户端加载大数据量的方法及装置。

背景技术

在WEB客户端，有时候需要加载大数据量，但是限于HTTP、HTTPS协议传输数据时速度较慢、效率较低的问题，在WEB客户端一般不会加载大数据量，即使加载大数据量，目前传统的方法一般是采用以下两种方式实现的：

第一种：通过AJAX(Asynchronous JavaScript and XML，即异步JavaScript和XML，为一种用于创建交互式网页应用的网页开发技术)来异步加载大数据量，这种方法存在一个很大的弊端就是：WEB客户端加载的数据最终是通过HTML标注来呈现在HTML页面上的，当数据量越大，HTML标注的数量也将随之成倍的增加，从而就会造成页面加载速度越来越慢，操作越来越不流畅，而且随之而来的问题还有：WEB客户端占用系统的内存也变得越来越大。

比如：WEB客户端一个列表中的一个单元格用于显示一组数字“23”，而从服务端传到WEB客户端的HTML标注内容为“<td>23</td>”，可以看出，单从字符数量就翻了5倍，如果还要设置显示数字的样式，比如显示红色粗体、左右边距为8，那么从服务端传到WEB客户端的HTML标注内容为“<tdstyle＝″color:#ff0000；font-weight:bold；padding-left:8px；padding-right:8px；″>23</td>”，字符数量增加的就更多了。

第二种：通过ActiveX或者WEB客户端插件的形式来加载大数据量，这种方式也有一个很大的弊端：无法跨浏览器加载大数据量，ActiveX只能在IE上用，而WEB客户端插件只能针对特定的浏览器，而且还需要安装，因此该方法在WEB客户端的易用性不高。

可见，采用传统的方法要实现在WEB客户端加载并呈现大数据量的方法，其局限性较大。

发明内容

本发明实施例的目的在于提供一种在WEB客户端加载大数据量的方法及装置，其能够提高WEB客户端加载大数据量的速率，提高WEB客户端的易用性以及可靠性。

为了达到本发明的目的，本发明采用以下技术方案实现：

一种在WEB客户端加载大数据量的方法，包括：

A、对WEB客户端的Flex控件设置根节点数据源URL；

B、Flex控件根据根节点数据源URL从WEB服务器获取第一加载数据并显示于该Flex控件上；

C、Flex控件遍历第一加载数据的所有子节点，获取需要继续加载数据的子节点的参数属性值，并将参数属性值分别与所述根节点数据源URL组合以形成该各个子节点的子节点数据源URL；

D、Flex控件根据所述子节点数据源URL从WEB服务器获取第二加载数据并与所述第一加载数据合并之后显示于该Flex控件上；

E、重复步骤C-D，Flex控件遍历第N-1加载数据的所有子节点，获取需要继续加载数据的子节点的参数属性值，并将参数属性值分别与所述根节点数据源URL组合以形成该各个子节点的子节点数据源URL；Flex控件根据所述子节点数据源URL从WEB服务器获取第N加载数据并与所述第N-1加载数据合并之后显示于该Flex控件上。

优选地，所述Flex控件包括加载数据接口以及通过URL加载数据接口。

优选地，所述Flex控件为树形控件，其继承于mx.controls.Tree类或其基类。

优选地，所述Flex控件为表格控件，其继承于mx.controls.DataGrid类、mx.controls.AdvancedDataGrid类、spark.components.DataGrid类或所述三者的基类。

优选地，所述Flex控件从WEB服务器获得的加载数据为XML类型的数据。

更为优选地，所述Flex控件从WEB服务器获得的加载数据为异步加载的。

一种在WEB客户端加载大数据量的装置，包括：

信息设置模块，用于对WEB客户端的Flex控件设置根节点数据源URL；

信息访问模块，用于根据根节点数据源URL以及根节点之下的各级子节点的子节点数据源URL从WEB服务器获取加载数据；

信息呈现模块，用于将所述从WEB服务器获取到的加载数据进行合并后予以呈现。

优选地，所述从WEB服务器获得的加载数据为XML类型的数据。