一种实时加载网页中业务数据的方法和系统技术方案

技术编号:11932666 阅读:54 留言:0更新日期:2015-08-23 11:05
本发明专利技术公开了一种实时加载网页中业务数据的方法和系统,在只建立一个网络连接的情况下,通过服务端的并发执行获取业务数据,并将业务数据分段输出,让浏览器实时接收相应的业务数据进行渲染显示,大大提高了网页中包含多个业务模块的数据时的页面加载速度,并节省了浏览器和服务端的网络连接数。

【技术实现步骤摘要】

本专利技术涉及网络
,尤其涉及一种实时加载网页中业务数据的方法和系 统。
技术介绍
在现有技术中浏览器通过以下两种方式记载网页中的业务数据: 第一种:浏览器发起一个浏览网页的网络连接请求,服务器接收到该浏览器的请 求后,根据页面框架定义的业务数据块从多个业务模块获取相应的业务数据,然后把获取 的所有业务数据和页面框架代码进行处理,生成完整的页面数据,返回给浏览器;浏览器接 收页面数据后,服务器会断开本次网络连接;浏览器解析页面数据,并渲染成最终的页面后 显示。以通过浏览器获取一个商家主页为例,浏览器首先发送一个商家主页的网络请求,月艮 务器接收到该请求后,会依照业务执行的前后顺序,从多个业务模块获取相应的业务数据, 比如先从用户模块获取商家的头像信息,然后从皮肤模块中获取商家自定义的皮肤,再从 插件模块中获取商家购买的插件信息等等,然后处理所有的业务数据和页面框架,生成一 个完整的页面数据,服务器将该页面数据发送至浏览器,由浏览器渲染后显示页面。 此种方式中,浏览器发起页面连接请求后,需要一直等待服务器反馈完整的页面 数据,当服务器后台获得多个业务模块的业务数据很慢或者调用的某个业务模块返回数据 很慢时,服务器生成完整的页面代码也会很慢,这会导致在此过程中没有数据从服务器返 回至浏览器,即使有的业务数据已获取完成也不能发送至浏览器显示,使得浏览器一直处 于等待状态,此时,浏览器显示给用户的界面仅是白板页面。 第二种:浏览器发起浏览网页的第一网络连接请求,第一网络连接请求包括页面 框架请求,服务器接收到浏览器的请求后,立即将页面框架数据返回给浏览器,此时服务器 不做任何的业务处理并在浏览器接收完页面框架数据后,断开本次网络连接。浏览器解析 服务器返回的页面框架数据,根据页面框架定义的业务数据块,浏览器建立对应每个业务 数据块的第二网络连接请求,为每个业务数据块请求业务数据,并将第二网络连接请求发 送至服务器;服务器接收请求后,分别处理每个业务数据块连接请求对应的业务,然后返回 相应的业务数据给浏览器,并断开响应的网络连接;浏览器解析渲染业务数据到页面框架 对应的业务数据块上,从而形成显示的网页。仍以通过浏览器获取一个商家主页为例,浏览 器首先发送第一网络连接请求,请求获取页面框架;服务器接收到浏览器的请求后,立即将 页面框架代码返回给浏览器,并在浏览器接收完页面框架代码后,断开本次网络连接;浏览 器解析服务器返回的页面框架数据,根据页面框架定义的业务数据块,浏览器建立对应每 个业务数据块的第二网络连接请求,如对应头像信息数据块发送头像数据块的第二网络连 接请求,对应皮肤数据块发送皮肤数据块的第二网络连接请求,对应插件信息数据块发送 插件信息数据块的第二网络连接请求等等,服务器根据收到的第二网络连接请求对应的从 用户模块、皮肤模块、插件模块等业务模块获取相应的业务数据,并将业务数据发送至浏览 器,由浏览器解析渲染业务数据到页面框架对应的业务数据块上,从而形成显示的网页。 采用此种方式可以较快的从服务器获得页面框架数据,通过渲染页面框架,从而 不用显示页面白板,增加用户体验;但是,需要对应页面框架的多个业务数据块,必须对应 的发送多个第二网络连接请求,这会导致增加浏览器和服务器之间的网络连接数量。而对 于浏览器而言,一般浏览器和服务器之间同时可并发的网络连接数量是有限的,如IE浏览 器的并发网络连接数量为2个,chrome浏览器的并发网络连接数量为6个,firefox浏览器 的并发网络连接数量为4个,当实际网络连接数量大于浏览器的上限时,多余的请求必须 等待浏览器执行完前面的请求,才能发送后续的请求,从而造成延迟。
技术实现思路
本专利技术提供了一种实时加载网页中业务数据的方法和系统,以提高网页的加载速 度,并节省浏览器和服务器之间的网络连接数。 本专利技术采用的技术手段如下: -种实时加载网页中业务数据的方法,包括: 步骤A :浏览器与服务器建立网络连接,并向服务器发送网页页面请求; 步骤B:服务器接收到所述网页页面请求后,存储网络连接信息,将页面框架数据 发送至浏览器,并根据页面框架定义的业务数据块从多个业务模块并行获取相应的业务数 据,且每当一个业务数据块对应的业务数据获取完成后,根据存储的所述网络连接信息,将 业务数据以及该业务数据对应的数据块信息发送至浏览器,直至所有的业务数据及对应的 数据块信息均发送至浏览器后,服务器断开网络连接; 步骤C:浏览器解析页面框架数据,渲染显示页面框架,并实时解析和渲染接收到 的业务数据,根据该业务数据对应的数据块信息形成页面信息进行显示。 进一步,在步骤B中,将所述数据块信息和其对应的业务数据封装为JS (Javascript)脚本后,发送至浏览器。 进一步,在步骤C中,浏览器接收到JS脚本后,执行所述JS脚本,获得业务数据和 该业务数据对应的数据块信息,解析和渲染业务数据,并根据数据块信息在页面框架的对 应数据块形成页面信息进行显示。 本专利技术还提供了一种实时加载网页中业务数据的系统,包括浏览器和服务器; 其中,所述浏览器用于与服务器建立网络连接,并向服务器发送网页页面请求,接 收页面框架数据、业务数据及该业务数据对应的数据块信息,并解析和渲染显示页面框架, 以及实时解析和渲染接收到的业务数据,并根据该业务数据对应的数据块信息形成页面信 息进行显示; 所述服务器包含多个业务模块,用于在接收到网页页面请求后,存储连接信息,将 页面框架数据发送至浏览器,并根据页面框架定义的业务数据块从多个业务模块并行获取 相应的业务数据,且每当一个业务数据块对应的业务数据获取完成后,根据存储的所述连 接信息,将业务数据以及该业务数据对应的数据块信息发送至浏览器,直至所有的业务数 据及对应的数据块信息均发送至浏览器后,断开网络连接。 进一步,所述服务器用于将数据块信息和其对应的业务数据封装为JS脚本后,发 送至浏览器。 进一步,所述浏览器用于接收到JS脚本后,执行所述JS脚本,获得业务数据和该 业务数据对应的数据块信息,解析和渲染业务数据,并根据数据块信息在页面框架的对应 数据块形成页面信息进行显示。 采用本专利技术提供的实时加载网页中业务数据的方法和系统,实现了在只建立一个 网络连接的情况下,通过服务端的并发执行获取业务数据,并将业务数据分段输出,让浏览 器实时接收相应的业务数据进行渲染显示,大大提高了网页中包含多个业务模块的数据时 的页面加载速度,并节省了浏览器和服务端的网络连接数当前第1页1 2 本文档来自技高网
...

【技术保护点】
一种实时加载网页中业务数据的方法,其特征在于,包括:步骤A:浏览器与服务器建立网络连接,并向服务器发送网页页面请求;步骤B:服务器接收到所述网页页面请求后,存储网络连接信息,将页面框架数据发送至浏览器,并根据页面框架定义的业务数据块从多个业务模块并行获取相应的业务数据,且每当一个业务数据块对应的业务数据获取完成后,根据存储的所述网络连接信息,将业务数据以及该业务数据对应的数据块信息发送至浏览器,直至所有的业务数据及对应的数据块信息均发送至浏览器后,服务器断开网络连接;步骤C:浏览器解析页面框架数据,渲染显示页面框架,并实时解析和渲染接收到的业务数据,根据该业务数据对应的数据块信息形成页面信息进行显示。

【技术特征摘要】

【专利技术属性】
技术研发人员:刘吉
申请(专利权)人:北京京东尚科信息技术有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1