CN104834636A - 网页的加载方法及装置 - Google Patents

Abstract

本发明公开了一种网页的加载方法及装置，包括有以下步骤：S1、创建一包括有网页的全部加载项的表单，并存储于服务器；S2、浏览器建立与服务器的连接；S3、浏览器读取表单，并对服务器提出获取全部加载项的请求；S4、服务器根据请求，获取相应的非定时任务的数据发送至浏览器，并根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器；S5、关闭网页并结束流程。通过浏览器对服务器提出获取全部加载项的请求，并保持浏览器与服务器的连接，使得服务器端不需要反复对请求进行验证，整体上节省了加载时间，另外在加载较多定时任务时，由服务器进行处理，降低了浏览器端的负担。

Description

网页的加载方法及装置

技术领域

本发明涉及一种网页的加载方法及装置。

背景技术

目前，随着互联网技术的发展，B/C架构（Browser/Server，浏览器/服务器模式）的网站逐渐成为主流。通常网页加载时，采用AJAX（AsynchronousJavaScript And XML，异步JavaScript和可扩展标记语言）等方式连接终端与服务器。通过调查发现，现有技术的网页加载方式存在如下缺陷：一方面，在既定的条件满足后（即鼠标点击连接或滚动滚动条等），通过浏览器发送请求至服务器，服务器验证该请求后确认内容并获取发送数据至浏览器，也就是说，每次提出数据请求都需要重新连接和验证，当出现较多请求时，服务器与浏览器反复连接断开，造成了响应时间过长；另一方面，在对定时任务的数据的响应上，需要浏览器在满足条件时发出请求，在加载较多定时任务的情况下会对浏览器造成较大的压力。

发明内容

本发明要解决的技术问题是为了克服现有技术中加载网页时重复连接验证造成响应时间过长和加载较多定时任务时浏览器压力较大的缺陷，提供一种响应时间更短、加载较多定时任务时浏览器压力更小的网页的加载方法及装置。

本发明是通过下述技术方案来解决上述技术问题：

一种网页的加载方法，其特点在于，其包括有以下步骤：

S1、创建一包括有网页的全部加载项的表单，并存储于服务器，所述加载项包括有用于定时任务的数据的加载项和用于非定时任务的数据的加载项；

S2、浏览器建立与服务器的连接；

S3、浏览器读取所述表单，并对所述服务器提出获取所述全部加载项的请求；

S4、服务器根据所述请求，获取相应的非定时任务的数据发送至浏览器，并根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器；

S5、关闭网页并结束流程；

其中，S2至S5之间浏览器始终保持与服务器的连接。

此处，定时任务是指服务器在满足一定的时间条件下反复获取并发送某一类数据的任务，例如点击量，时钟等，而非定时任务是指区别于定时任务的只需要一次性获取即可发送至浏览器端的任务，例如加载某个url（统一资源定位符，Uniform Resource Locator）或加载某个图片等。

也就是说，本发明的网页加载方法是将所有加载项的请求一次性发送，并且浏览器端和服务器端一直处于连接状态，这样就能减少每次请求后再进行连接所造成的重复验证，节约了加载时间。另外，定时任务的数据均由服务器端监控，并定时获取或发送，这样一来，当定时任务较多时，由于服务器的处理速度远远高于浏览器端，使得浏览器端的处理压力减小。

较佳的，非定时任务的数据的所述加载项分别与若干优先级映射；

所述S4为：服务器根据所述请求中加载项的优先级的顺序获取相应的非定时任务的数据后发送至浏览器，根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器。

此处，这样设置是为了使得较为重要的加载项优先进行加载。

较佳的，所述S3与S4之间包括有：

S31、服务器在一缓存中查询是否存在所述请求中的非定时任务的加载项所对应的数据，若是则执行S32，否则执行S4；

S32、根据所述请求中的加载项的优先级的顺序，将缓存中与所述非定时任务的加载项对应的数据发送至浏览器后执行S33；

S33、服务器根据所述请求和所述请求中的加载项的优先级顺序，获取未保存于所述缓存中的非定时任务的数据发送至浏览器后保存至所述缓存中，并根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器后，执行S5；

所述S4为：服务器根据所述请求中加载项的优先级的顺序获取相应的非定时任务的数据后发送至浏览器并保持至所述缓存中，根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器。

此处，在服务器端设置缓存可以在重复使用资源时节约时间。

较佳的，所述S2为：浏览器以socket（套接字）的连接方式与服务器连接。

此处，socket的连接方式可以使得浏览器端和服务器端一直处于连接状态，且socket的连接方式还可以支持跨域的数据传输。

本发明还提供一种网页的加载装置，其特点在于，其包括有一表单存储模块、一连接模块、一表单读取模块、一数据获取发送模块；

所述表单存储模块用于创建一包括有网页的全部加载项的表单，并存储于服务器，所述加载项包括有用于定时任务的数据的加载项和用于非定时任务的数据的加载项；

所述连接模块用于使浏览器建立与服务器的连接；

所述表单读取模块用于使浏览器读取所述表单，并对所述服务器提出获取所述全部加载项的请求；

所述数据获取发送模块用于使服务器根据所述请求，获取相应的非定时任务的数据发送至浏览器，并根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器。

较佳的，非定时任务的数据的所述加载项分别与若干优先级映射；

所述数据获取发送模块用于使服务器根据所述请求中的加载项的优先级的顺序获取相应的非定时任务的数据后发送至浏览器，根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器。

较佳的，所述数据获取发送模块包括有一缓存加载判断单元、一缓存加载单元和一非缓存加载单元；

所述缓存加载判断单元用于使服务器在一缓存中查询是否存在所述请求中的非定时任务的加载项所对应的数据，若是则调用所述缓存加载单元，若否则调用所述非缓存加载单元；

所述缓存加载单元用于根据所述请求中的加载项的优先级的顺序，将缓存中与所述非定时任务的加载项对应的数据发送至浏览器后调用所述非缓存加载单元；

所述非缓存加载单元用于使服务器根据所述请求和所述请求中的加载项的优先级顺序，获取未保存于所述缓存中的非定时任务的数据发送至浏览器后保存至所述缓存中，并根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器。

较佳的，所述连接模块用于使浏览器通过socket的方式建立与服务器的连接

本发明的积极进步效果在于：通过浏览器对服务器提出获取全部加载项的请求，并保持浏览器与服务器的连接，使得服务器端不需要反复对请求进行验证，整体上节省了加载时间，另外在加载较多定时任务时，由服务器进行处理，降低了浏览器端的负担。

附图说明

图1为本发明较佳实施例的网页加载方法的流程图。

图2为本发明较佳实施例的网页加载装置的结构示意图。

具体实施方式

下面通过实施例的方式进一步说明本发明，但并不因此将本发明限制在所述的实施例范围之中。

图1为本实施例的网页加载方法的流程图，如图1所示，本实施例涉及的网页加载方法包括有以下步骤：

步骤1、创建一包括有网页的全部加载项的表单，并存储于服务器，加载项包括有用于定时任务的数据的加载项和用于非定时任务的数据的加载项。

步骤2、浏览器通过读取位于服务器的一javascript（一种直译式脚本语言）文件，以socket的方式建立与服务器的连接。

步骤3、浏览器读取表单，并对服务器提出获取全部加载项的请求。

步骤31、服务器在一缓存中（本实施例中采用分布式的快取***memcached）查询是否存在请求中的非定时任务的加载项所对应的数据，若是则执行步骤32，否则执行步骤4。

步骤32、根据请求中的加载项的优先级的顺序，将缓存中与非定时任务的加载项对应的数据发送至浏览器后执行步骤33。

步骤33、服务器根据请求和请求中的加载项的优先级顺序，获取未保存于缓存中的非定时任务的数据发送至浏览器后保存至缓存中，并根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器后，执行步骤5。

步骤4、服务器根据请求中加载项的优先级的顺序获取相应的非定时任务的数据后发送至浏览器并保持至缓存中，根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器。

步骤5、关闭网页并结束流程。

其中，步骤2至步骤5之间浏览器始终保持与服务器的连接。

本实施例中，服务器缓存memcached中存储的数据，以7天为一个期限，当数据的修改时间大于7天时，服务器端会自动将7天之前的数据予以清除，以减少服务器端的磁盘占用。

本实施例还涉及一种网页的加载装置，图2为本实施例的网页加载装置的结构示意图，如图2所示，本实施例涉及的网页的加载装置包括有表单存储模块100、连接模块200、表单读取模块300、数据获取发送模块400；

非定时任务的数据的所述加载项分别与若干优先级映射。

表单存储模块100用于创建一包括有网页的全部加载项的表单，并存储于服务器，加载项包括有用于定时任务的数据的加载项和用于非定时任务的数据的加载项。

连接模块200用于使浏览器通过socket的方式建立与服务器的连接。

表单读取模块300用于使浏览器读取表单，并对服务器提出获取全部加载项的请求。

数据获取发送模块400包括有缓存加载判断单元401、一缓存加载单元402和一非缓存加载单元403。

缓存加载判断单元401用于使服务器在一缓存中查询是否存在请求中的非定时任务的加载项所对应的数据，若是则调用缓存加载单元402，若否则调用非缓存加载单元403。

缓存加载单元402用于根据请求中的加载项的优先级的顺序，将缓存中与非定时任务的加载项对应的数据发送至浏览器后调用非缓存加载单元403。

非缓存加载单元403用于使服务器根据请求和请求中的加载项的优先级顺序，获取未保存于缓存中的非定时任务的数据发送至浏览器后保存至缓存中，并根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器。

虽然以上描述了本发明的具体实施方式，但是本领域的技术人员应当理解，这仅是举例说明，本发明的保护范围是由所附权利要求书限定的。本领域的技术人员在不背离本发明的原理和实质的前提下，可以对这些实施方式做出多种变更或修改，但这些变更和修改均落入本发明的保护范围。

Claims (8)

1.一种网页的加载方法，其特征在于，其包括有以下步骤：

S1、创建一包括有网页的全部加载项的表单，并存储于服务器，所述加载项包括有用于定时任务的数据的加载项和用于非定时任务的数据的加载项；

S2、浏览器建立与服务器的连接；

S3、浏览器读取所述表单，并对所述服务器提出获取所述全部加载项的请求；

S4、服务器根据所述请求，获取相应的非定时任务的数据发送至浏览器，并根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器；

S5、关闭网页并结束流程；

其中，S2至S5之间浏览器始终保持与服务器的连接。

2.如权利要求1所述的网页的加载方法，其特征在于，非定时任务的数据的所述加载项分别与若干优先级映射；

所述S4为：服务器根据所述请求中的加载项的优先级的顺序获取相应的非定时任务的数据后发送至浏览器，根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器。

3.如权利要求2所述的网页的加载方法，其特征在于，所述S3与S4之间包括有：

S31、服务器在一缓存中查询是否存在所述请求中的非定时任务的加载项所对应的数据，若是则执行S32，否则执行S4；

S32、根据所述请求中的加载项的优先级的顺序，将缓存中与所述非定时任务的加载项对应的数据发送至浏览器后执行S33；

S33、服务器根据所述请求和所述请求中的加载项的优先级顺序，获取未保存于所述缓存中的非定时任务的数据发送至浏览器后保存至所述缓存中，并根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器后，执行S5；

所述S4为：服务器根据所述请求中的加载项的优先级的顺序获取相应的非定时任务的数据后发送至浏览器并保存至所述缓存中，根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器。

4.如权利要求1所述的网页的加载方法，其特征在于，所述S2为：

浏览器以socket的连接方式与服务器连接。

5.一种网页的加载装置，其特征在于，其包括有一表单存储模块、一连接模块、一表单读取模块、一数据获取发送模块；

所述表单存储模块用于创建一包括有网页的全部加载项的表单，并存储于服务器，所述加载项包括有用于定时任务的数据的加载项和用于非定时任务的数据的加载项；

所述连接模块用于使浏览器建立与服务器的连接；

所述表单读取模块用于使浏览器读取所述表单，并对所述服务器提出获取所述全部加载项的请求；

所述数据获取发送模块用于使服务器根据所述请求，获取相应的非定时任务的数据发送至浏览器，并根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器。

6.如权利要求5所述的网页的加载装置，其特征在于，非定时任务的数据的所述加载项分别与若干优先级映射；

所述数据获取发送模块用于使服务器根据所述请求中的加载项的优先级的顺序获取相应的非定时任务的数据后发送至浏览器，根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器。

7.如权利要求6所述的网页的加载装置，其特征在于，所述数据获取发送模块包括有一缓存加载判断单元、一缓存加载单元和一非缓存加载单元；

所述缓存加载判断单元用于使服务器在一缓存中查询是否存在所述请求中的非定时任务的加载项所对应的数据，若是则调用所述缓存加载单元，若否则调用所述非缓存加载单元；

所述缓存加载单元用于根据所述请求中的加载项的优先级的顺序，将缓存中与所述非定时任务的加载项对应的数据发送至浏览器后调用所述非缓存加载单元；

所述非缓存加载单元用于使服务器根据所述请求和所述请求中的加载项的优先级顺序，获取未保存于所述缓存中的非定时任务的数据发送至浏览器后保存至所述缓存中，并根据每一定时任务所设定的触发条件发送定时任务的数据至浏览器。

8.如权利要求6所述的网页的加载装置，其特征在于，所述连接模块用于使浏览器通过socket的方式建立与服务器的连接。