页面数据加载方法和系统技术方案

一种页面数据加载方法，所述方法包括：创建视图窗口，在所述视图窗口中载入页面；在所述页面中生成数据请求，所述数据请求为TCP请求；根据所述数据请求调用所述页面封装的JavaScript类库；通过所述JavaScript类库调用客户端的开放接口；通过所述客户端的开放接口调用所述数据请求，并通过所述客户端与服务器之间建立起的TCP长连接发送所述数据请求；接收服务器通过所述TCP长连接返回的与所述数据请求对应的数据；将接收到的数据加载至所述页面。采用该方法能够有效提高页面数据加载速度。此外还提供一种页面数据加载系统。

【技术实现步骤摘要】

本专利技术涉及计算机
，特别是涉及一种页面数据加载方法和系统
技术介绍
HTTP协议(HyperTextTransferProtocol，超文本传输协议)是用于从WWW(WorldWideWeb，简称Web)服务器传输超文本到客户端本地浏览器的传送协议。HTTP协议是一个应用层协议，由请求和响应两部分构成。客户端与服务器建立连接后，在客户端的浏览器页面中输入一个URL时，浏览器会创建并发送HTTP请求，该HTTP请求包含所输入的URL以及与浏览器本身相关的信息。在发送HTTP请求之前，客户端与服务器通过三次TCP握手进行连接。当服务器收到这个请求时将返回一个响应，该响应包括与该请求对应的信息以及从指定URL处获取到的数据，客户端通过浏览器解析该响应并显示对应的内容。传统的页面数据加载方式是通过客户端浏览器发送HTTP请求，将服务器响应HTTP请求返回的数据加载至页面。由于HTTP请求会导致DNS(DomainNameSystem，域名系统)请求和解析耗费较多时间，同时，HTTP请求会耗费服务器资源，特别是对于需要计算合并等操作的服务器，会耗费较多的CPU资源。由此延长了服务器响应HTTP请求返回数据的时间，导致客户端的页面中数据加载速度缓慢。
技术实现思路
基于此，有必要针对上述技术问题，提供一种能够有效提高页面中数据加载速度的页面数据加载方法和系统。一种页面数据加载方法，所述方法包括：创建视图窗口，在所述视图窗口中载入页面；在所述页面中生成数据请求，所述数据请求为TCP请求；根据所述数据请求调用所述页面封装的JavaScript类库；通过所述JavaScript类库调用客户端的开放接口；通过所述客户端的开放接口调用所述数据请求，并通过所述客户端与服务器之间建立起的TCP长连接发送所述数据请求；接收服务器通过所述TCP长连接返回的与所述数据请求对应的数据；将接收到的数据加载至所述页面。一种页面数据加载系统，所述系统包括：页面载入模块，用于创建视图窗口，在所述视图窗口中载入页面；数据请求生成模块，用于在所述页面中生成数据请求，所述数据请求为TCP请求；第一调用模块，用于根据所述数据请求调用所述页面封装的JavaScript类库；第二调用模块，用于通过所述JavaScript类库调用客户端的开放接口；数据请求发送模块，用于通过所述客户端的开放接口调用所述数据请求，并通过所述客户端与服务器之间建立起的TCP长连接发送所述数据请求；第一数据接收模块，用于接收服务器通过所述TCP长连接返回的与所述数据请求对应的数据；数据加载模块，用于将接收到的数据加载至所述页面。上述页面数据加载方法和系统，通过客户端的视图窗口载入页面，在页面中发送数据请求后，调用页面封装的JavaScript类库，JavaScript类库调用客户端的开放接口，使得客户端开放接口调用该数据请求通过客户端与服务器之间的TCP长连接请求数据，并接收服务器通过该TCP长连接返回的与数据请求对应的数据。由于在页面发送的数据请求为TCP请求，克服了由于HTTP请求耗费资源的问题，同时客户端通过与服务器之间的TCP长连接发送该数据请求并接收与数据请求对应的数据，减少了在发送HTTP请求前进行的三次TCP握手，提高了数据传输速率，因此有效提高了页面数据加载速度。附图说明图1为一个实施例中页面数据加载方法的应用环境图；图2为一个实施例中页面数据加载方法的流程图；图3为一个实施例中资源请求的流程图；图4为一个实施例中页面数据加载系统的结构示意图；图5为一个实施例中数据加载模块的结构示意图；图6为又一个实施例中页面数据加载系统的结构示意图；图7为另一个实施例中页面数据加载系统的结构示意图；图8为再一个实施例中页面数据加载系统的结构示意图。具体实施方式为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。本专利技术实施例提供的页面数据加载方法可应用于如图1所示的环境中。客户端对应的客户机102与服务器104通过网络106建立TCP长连接。在客户端创建一个视图窗口，在视图窗口中载入页面，在页面中生成数据请求，该数据请求为TCP请求，通过TCP长连接将该数据请求发送至服务器104。服务器104响应该数据请求，并将与该数据请求对应的数据通过TCP长连接返回至客户端，客户端将接收到的数据加载至页面，在客户机102上进行展示。由于页面发送的数据请求为TCP请求，并通过TCP长连接发送数据请求并接收与数据请求对应的数据，有效提高了页面数据加载速度。进一步的，在视图窗口载入页面之后，还可以在页面生成资源请求，该资源请求为HTTP请求。拦截该资源请求后，在客户机102本地查询是否存储有与资源请求对应的资源，如果有，则直接将对应的资源加载至页面，否则，将资源请求发送至服务器104，服务器104可以是缓存服务器，将从服务器获取到的对应的资源下载到客户机102本地进行存储。若再次生成该资源请求，则直接从客户机102本地获取对应的资源加载至页面。由于将资源请求进行拦截，将从本地存储的对应的资源加载至网页，减少了HTTP请求，因此使得页面资源加载速度得到提高。在一个实施例中，如图2所示，提供了一种页面数据加载方法，本实施例以该方法应用于客户端为例进行说明，具体包括：步骤202，创建视图窗口，在视图窗口中载入页面。在客户端创建一个视图窗口，具体的可以是在ios、android或者winphone操作系统中的底层创建视图窗口。页面是指web页面，页面中可以包括图形、文字、声音和视频等信息。在一个优选的实施例中，页面可以是根据H5开发的web页面，H5是HTML(HyperTextMarkupLanguage，超文本标记语言)第五次修改后的版本。步骤204，在页面中生成数据请求，数据请求为TCP请求。数据请求包括但不限于数据的获取、上传、删除和存储请求等。在页面中可以通过多种方式生成数据请求，可以在页面的搜索栏内输入关键字，点击搜索按键，生成数据请求；也可以点击页面展示的标题，如页面推送的新闻标题等，生成数据请求。在一个优选的实施例中，关闭页面中所有HTTP请求的对外接口，数据请求不再采用HTTP请求，在页面中生成的数据请求为TCP请求。TCP(Transmission本文档来自技高网...

【技术保护点】
一种页面数据加载方法，所述方法包括：创建视图窗口，在所述视图窗口中载入页面；在所述页面中生成数据请求，所述数据请求为TCP请求；根据所述数据请求调用所述页面封装的JavaScript类库；通过所述JavaScript类库调用客户端的开放接口；通过所述客户端的开放接口调用所述数据请求，并通过所述客户端与服务器之间建立起的TCP长连接发送所述数据请求；接收服务器通过所述TCP长连接返回的与所述数据请求对应的数据；将接收到的数据加载至所述页面。

【技术特征摘要】
1.一种页面数据加载方法，所述方法包括：
创建视图窗口，在所述视图窗口中载入页面；
在所述页面中生成数据请求，所述数据请求为TCP请求；
根据所述数据请求调用所述页面封装的JavaScript类库；
通过所述JavaScript类库调用客户端的开放接口；
通过所述客户端的开放接口调用所述数据请求，并通过所述客户端与服务
器之间建立起的TCP长连接发送所述数据请求；
接收服务器通过所述TCP长连接返回的与所述数据请求对应的数据；
将接收到的数据加载至所述页面。
2.根据权利要求1所述的方法，其特征在于，所述将接收到的数据加载至
所述页面的步骤包括：
通过所述客户端的开放接口将接收到的与所述数据请求对应的数据返回至
所述页面的JavaScript类库的开放接口；
通过所述JavaScript类库的开放接口接收所述与数据请求对应的数据；
通过JavaScript类库对接收到的所述与数据请求对应的数据进行渲染，并在
所述页面中进行展示。
3.根据权利要求1所述的方法，其特征在于，所述创建视图窗口，在所述
视图窗口中载入页面的步骤之前，还包括：
开启预设的数据出入接口，所述数据出入接口用于发送所述数据请求至服
务器和用于接收从服务器返回的与所述数据请求对应的数据。
4.根据权利要求1所述的方法，其特征在于，所述创建视图窗口，在所述
视图窗口中载入页面的步骤之后，还包括：
在所述页面生成资源请求，所述资源请求为HTTP请求；
拦截所述资源请求；
查询本地是否存储有与所述资源请求对应的资源；
若有，则将与所述资源请求对应的资源加载至所述页面；
否则，向服务器发送所述资源请求。
5.根据权利要求4所述的方法，其特征在于，所述向服务器发送所述资源
请求的步骤之后，还包括：
接收服务器返回的与所述资源请求对应的资源；
将接收到的与所述资源请求对应的资源存储在本地。
6.一种页面数据加载系统，其特征在于，所述系统包括：
页面载入模块，用于创建视图窗口，在所述视图窗口中载入页面；
数据...

【专利技术属性】
技术研发人员：吴清泉，
申请(专利权)人：博雅网络游戏开发深圳有限公司，
类型：发明
国别省市：广东;44