[发明专利]一种页面加载方法、装置、服务器和系统

说明书

技术领域

本发明涉及页面加载领域，更为具体而言，涉及一种页面加载方法、装置、服务器和系统。

背景技术

在页面加载过程中，通常需要通过异步请求(即，Ajax请求)实现页面的局部加载。在现有技术中，对异步请求所请求内容的解析和渲染需要等所请求的内容全部下载完成后才能进行。这就导致在整个下载过程中，页面不会进行任何处理，用户只能等待，特别是当异步请求的数据量较大时，下载时间较长，页面加载性能较差且严重影响用户体验。

发明内容

为了解决现有技术所存在的缺陷，本发明实施方式提供一种页面加载方法、装置、服务器及系统，能够实现边下载、边解析、边展现的效果，提高页面加载的性能和用户体验。

第一方面，本发明实施方式提供了一种页面加载方法，包括：

向服务器发送Ajax请求；

接收服务器返回的响应内容，并在接收所述响应内容的过程中，根据所述响应内容的段落划分，对所述响应内容进行分段落地提取和加载处理；

其中，所述服务器在接收到所述Ajax请求后，将需要返回的内容进行段落划分，生成包含多个段落的所述响应内容。

可选地，在本发明实施例的一种实现方式中，在接收所述响应内容的过程中，根据所述响应内容的段落划分，对所述响应内容进行分段落地提取和加载处理，包括：在接收所述响应内容的过程中，周期性地检查接收到的响应内容中是否包含分隔符，所述分隔符用于标识段落结束；如果包含分隔符，则从所述接收到的响应内容中提取该分隔符所对应段落的内容，根据提取到的内容进行解析或页面渲染。

进一步地，在接收所述响应内容的过程中，周期性地检查接收到的响应内容中是否包含分隔符，包括：监听Xml Http Request对象的返回状态事件，所述Ajax请求由所述Xml Http Request对象发送至所述服务器；根据返回状态事件判断Xml Http Request对象的属性ready State的值是否等于3，如果等于，则检查接收到的响应内容中是否包含分隔符，其中，所述ready State用于标识所述响应内容的传输状态。

可选地，在本实施例的另一种实现方式中，根据提取到的内容进行解析或页面渲染，包括：当提取到的内容为Json格式的图片内容时，根据每一项key与img标签的对应关系，将每一项key所对应的value值设置到相应img标签的src属性中，以便进行图片渲染。

第二方面，本发明实施例提供一种页面加载方法，其所述方法包括：

接收浏览器发送的Ajax请求；

对需要返回给所述客户端的内容进行段落划分，生成包含多个段落的响应内容；

将所述响应内容发送至所述浏览器。

可选地，所述对需要返回给所述客户端的内容进行段落划分，包括：将需要返回给所述客户端的内容划分为多个以分隔符作为结束的段落，所述分隔符用于标识段落结束。

第三方面，本发明实施例提供一种页面加载装置，包括：

发送模块，用于向服务器发送Ajax请求；

接收模块，用于接收服务器返回的响应内容；

分段处理模块，用于在所述接收模块接收所述响应内容的过程中，根据所述响应内容的段落划分，对所述响应内容进行分段落地提取和加载处理；

其中，所述服务器在接收到所述Ajax请求后，对需要返回的内容进行段落划分，生成包含多个段落的所述响应内容。

可选地，在本实施例的一种实现方式中，所述分段处理模块包括：

检查子模块，用于在所述接收模块接收所述响应内容的过程中，周期性地检查所述接收模块接收到的响应内容中是否包含用于标识段落结束的分隔符，如果包含，则触发处理子模块；处理子模块，用于从所述接收到的响应内容中提取分隔符所对应段落的内容，并根据提取到的内容进行解析或页面渲染。

进一步地，所述检查子模块具体用于，监听Xml Http Request对象的返回状态事件，所述Ajax请求由所述Xml Http Request对象发送至所述服务器；根据返回状态事件判断ready State是否等于3，如果等于，则检查接收到的响应内容中是否包含分隔符，其中，所述ready State用于标识所述响应内容的传输状态。

可选地，在本实施例的另一种实现方式中，所述处理子模块具体用于，

当提取到的内容为Json格式的图片内容时，根据每一项key与img标签的对应关系，将每一项key所对应的value值设置到相应img标签的src属性中，以便进行图片渲染。