CN114374557A - 网页数据的请求方法及装置、电子设备、存储介质 - Google Patents

Abstract

本申请提供一种网页数据的请求方法及装置、电子设备、计算机可读存储介质，方法包括：在轮询请求目标数据时，第一网页判断其它网页是否在请求所述目标数据；若是，所述第一网页判断所述浏览器的本地存储空间中，所述目标数据是否过期；如果未过期，基于所述目标数据更新所述第一网页。本申请方案，由于浏览器内网页之间共享数据，可以避免对于相同数据频繁发起请求，造成资源浪费以及被误判为攻击行为的问题，并可保证多个网页均可及时更新页面。

Description

网页数据的请求方法及装置、电子设备、存储介质

技术领域

本申请涉及计算机技术领域，特别涉及一种网页数据的请求方法及装置、电子设备、计算机可读存储介质。

背景技术

浏览器打开HTML(Hyper Text Markup Language，超文本标记语言)页面后，一些页面需要轮询发起网络请求来获得数据。示例性的，邮件页面需要不断查询当前用户是否接收到新的邮件。浏览器打开多个网页后，多个网页可以以tab页的形式在浏览器中共存。

这种情况下，目前有两种请求数据的方案。方案一：浏览器内各个网页相互隔离，各自发送轮询的网络请求来获取数据。方案二：浏览器中在前台显示的网页发送轮询的网络请求来获取数据，后台的网页不再发送网络请求。

对于第一种方案，当多个网页存在相同数据时，每个网页轮询发起针对相同数据的网络请求，在用户终端和服务器上都造成了资源浪费。此外，为防止服务器被恶意攻击，针对某一接口的网络请求会设置频率限制，当超出正常用户请求的频率时，会拉黑用户。如果不处理多个网页的重复请求，用相同接口请求相同数据的频率会非常高，从而触发风控，错误地将用户判定为恶意攻击者。

对于第二种方案，由于后台的网页未发送网络请求，在将后台的网页切换到前台显示时，用户仍然看到原本的旧数据，用户体验不好。

发明内容

本申请实施例的目的在于提供一种网页数据的请求方法及装置、电子设备、计算机可读存储介质，用于请求网页数据。

一方面，本申请提供了一种网页数据的请求方法，应用于用户终端，所述用户终端包含浏览器，所述浏览器开启多个网页，包括：

在轮询请求目标数据时，第一网页判断其它网页是否在请求所述目标数据；

若是，所述第一网页判断所述浏览器的本地存储空间中，所述目标数据是否过期；

如果未过期，基于所述目标数据更新所述第一网页。

在一实施例中，所述第一网页判断其它网页是否在请求所述目标数据，包括：

所述第一网页判断与所述目标数据对应的状态标记，是否为第一标记；

如果为所述第一标记，确定其它网页在请求所述目标数据；

如果为第二标记，确定无其它网页请求所述目标数据。

在一实施例中，所述方法还包括：

若无其它网页在请求所述目标数据，所述第一网页发起针对所述目标数据的网络请求；

当获得所述网络请求的响应消息后，所述第一网页从所述响应消息解析出目标数据；

所述第一网页将所述目标数据存储至所述本地存储空间。

在一实施例中，所述方法还包括：

如果过期，所述第一网页针对所述目标数据添加所述第二标记。

在一实施例中，所述方法还包括：

所述第一网页开启时，判断所述本地存储空间是否存在未过期的目标数据；

如果不存在未过期的目标数据，所述第一网页针对所述目标数据添加第二标记；

如果存在未过期的目标数据，所述第一网页针对所述目标数据添加第一标记。

在一实施例中，所述方法还包括：

当监听到所述本地存储空间中针对所述目标数据的更新事件，所述第一网页针对所述目标数据添加第一标记。

在一实施例中，所述方法还包括：

所述第一网页开启时，启动针对所述本地存储空间的监听任务。

另一方面，本申请提供了一种网页数据的请求装置，应用于用户终端，所述用户终端包含浏览器，所述浏览器开启多个网页，包括：

第一判断模块，用于在轮询请求目标数据时，判断其它网页是否在请求所述目标数据；

第二判断模块，用于若是，判断所述浏览器的本地存储空间中，所述目标数据是否过期；

更新模块，用于如果未过期，基于所述目标数据更新第一网页。

进一步的，本申请提供了一种电子设备，所述电子设备包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为执行上述网页数据的请求方法。

此外，本申请还提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序可由处理器执行以完成上述网页数据的请求方法。

本申请方案，在浏览器内多个作为tab页的网页轮询请求网页数据时，第一网页可以判断其它网页是否在请求目标数据，若是，检查目标数据是否过期，并在未过期的情况下，直接更加目标数据进行更新；

由于浏览器内网页之间共享数据，可以避免对于相同数据频繁发起请求，造成资源浪费以及被误判为攻击行为的问题，并可保证多个网页均可及时更新页面。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单地介绍。

图1为本申请一实施例提供的网页数据的请求方法的应用场景示意图；

图2为本申请一实施例提供的电子设备的结构示意图；

图3为本申请一实施例提供的网页数据的请求方法的流程示意图；

图4为本申请一实施例提供的请求目标数据的流程示意图；

图5为本申请一实施例提供的状态标记的添加方法的流程示意图；

图6为本申请一实施例提供的网页数据的请求方法的整体流程示意图；

图7为本申请一实施例提供的网页数据的请求装置的框图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。

相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

图1为本申请实施例提供的网页数据的请求方法的应用场景示意图。如图1所示，该应用场景包括客户端20和服务端30；客户端20可以是主机、手机、平板电脑等用户终端，用于向服务端30发送请求网页数据的网络请求；服务端30可以是服务器、服务器集群或云计算中心，可以响应于网络请求，向客户端20返回网页数据。

如图2所示，本实施例提供一种电子设备1，包括：至少一个处理器11和存储器12，图2中以一个处理器11为例。处理器11和存储器12通过总线10连接，存储器12存储有可被处理器11执行的指令，指令被处理器11执行，以使电子设备1可执行下述的实施例中方法的全部或部分流程。在一实施例中，电子设备1可以是上述客户端20，用于执行网页数据的请求方法。

存储器12可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(Static Random Access Memory，简称SRAM)，电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory，简称EEPROM)，可擦除可编程只读存储器(Erasable Programmable Read Only Memory，简称EPROM)，可编程只读存储器(Programmable Red-Only Memory，简称PROM)，只读存储器(Read-Only Memory，简称ROM)，磁存储器，快闪存储器，磁盘或光盘。

本申请还提供了一种计算机可读存储介质，存储介质存储有计算机程序，计算机程序可由处理器11执行以完成本申请提供的网页数据的请求方法。

参见图3，为本申请一实施例提供的网页数据的请求方法的流程示意图，如图3所示，该方法可以包括以下步骤310-步骤330。

步骤310：在轮询请求目标数据时，第一网页判断其它网页是否在请求目标数据。

本方案可以应用于手机、平板电脑、主机等用户终端。用户终端包括浏览器，且浏览器开启多个网页，以tab页的方式存在。第一网页可以是多个网页中的任意一个网页。

浏览器内多个tab页在轮询获取最新的网页数据，任一网页对应的线程/进程可以执行本申请方案，为便于描述，下文以网页为主语。示例性的，浏览器开启4个网页，4个网页依次定时获取最新的网页数据，每一网页在需要获取网页数据时，均可以作为第一网页执行本方案。

目标数据为第一网页所请求的网页数据。示例性的，第一网页为邮件页面，目标数据为邮件数据；第一网页为社交网站页面，目标数据为未读消息数量。

在第一网页需要获取目标数据以更新网页时，可以判断是否有其它网页在请求目标数据。这里，其它网页为浏览器内除第一网页以外的网页。一方面，若否，可以向服务端发起对目标数据的网络请求，具体详见下文相关描述。另一方面，若是，可以执行步骤320。

步骤320：若是，第一网页判断浏览器的本地存储空间中，目标数据是否过期。

步骤330：如果未过期，基于目标数据更新第一网页。

当其它网页已经在请求目标数据时，第一网页可以判断浏览器的本地存储空间(localStorage)中目标数据是否已过期。一般，本地存储空间中数据可以标记对应的时间点，表示数据在该时间点进行了更新。第一网页可以判断目标数据对应的时间点与当前时间点的时间差，是否超出预设的数据生命周期。这里，数据生命周期表示数据的有效使用时长。

一方面，目标数据未过期，可以基于目标数据更新第一网页。示例性的，目标数据为2秒前更新的数据，数据生命周期为10秒，此时，可以根据目标数据更新第一网页。第一网页为邮件页面，目标数据为邮件数据，第一网页可以提示存在新邮件。

另一方面，目标数据已经过期，可以对目标数据的状态进行更新，具体详见下文相关描述。

通过上述措施，在轮询请求网页数据时，如果浏览器内多个网页请求相同的数据，网页之间可以进行数据共享。此时，任一网页请求数据后，在数据可用的情况下，其它网页无需重复发起请求数据的网络请求，从而避免了多个网页请求网页数据产生的资源浪费，且使后台网页也能及时更新。

在一实施例中，第一网页在判断其它网页是否在请求目标数据时，可以判断与目标数据对应的状态标记，是否为第一标记。这里，状态标记用于指示目标数据的状态，即当前是否有其它网页请求该目标数据。不同网页各自记录目标数据的状态标记，互不干涉。状态标记可以为第一标记或第二标记，第一标记指示其它网页正在请求数据，第二标记指示无其它网页请求数据。在开启轮询请求数据之前，第一网页可以为目标数据添加状态标记。

一种情况下，如果状态标记为第一标记，第一网页可以确定当前其它网页在请求目标数据。另一种情况下，如果状态标记为第二标记，第一网页可以确定无其它网页请求目标数据。

在一实施例中，执行步骤320时，如果确定目标数据已经过期，可以认定当前无其它网页请求及更新目标数据。这种情况下，第一网页可以针对目标数据添加第二标记。如果目标数据已添加第一标记，可以将该第一标记替换为第二标记。

通过该措施，后续第一网页轮询请求目标数据时，可以确定无其它网页请求目标数据，从而自主请求目标数据。

在一实施例中，参见图4，为本申请一实施例提供的请求目标数据的流程示意图，如图4所示，该方法可以包括如下步骤340-步骤360。

步骤340：若无其它网页在请求目标数据，第一网页发起针对目标数据的网络请求。

其它网页未请求目标数据的情况下，第一网页可以向服务端发起对目标数据的网络请求，以获得最新的目标数据。

步骤350：当获得网络请求的响应消息后，第一网页从响应消息解析出目标数据。

步骤360：第一网页将目标数据存储至本地存储空间。

在收到网络请求对应的响应消息之后，可以从中解析出目标数据。第一网页可以将目标数据存储至浏览器的本地存储空间，并为目标数据标注对应的时间点，以便后续其它网页或自身判断数据是否过期。此外，获得目标数据后，可以根据目标数据更新第一网页。

在一实施例中，参见图5，为本申请一实施例提供的状态标记的添加方法的流程示意图，如图5所示，在第一网页开启时，可以通过如下步骤510-步骤530添加针对目标数据的状态标记。

步骤510：第一网页开启时，判断本地存储空间是否存在未过期的目标数据。

在第一网页初次开启时，对于加载网页所需的一种或多种目标数据，可以判断浏览器的本地存储空间内是否存在未过期的目标数据。

步骤520：如果不存在未过期的目标数据，第一网页针对目标数据添加第二标记。

如果本地存储空间不存在目标数据，或者，本地存储空间内存在的目标数据已经过期，可以确定当前并未其它网页请求目标数据，第一网页可以添加对应于目标数据的第二标记。示例性的，目标数据均存在对应的数据标识(比如：以数据属性作为数据标识)，可以为数据标识添加第二标记，表示数据标识指示的目标数据没有网页向服务端请求。

步骤530：如果存在未过期的目标数据，第一网页针对目标数据添加第一标记。

如果本地存储空间存在未过期的目标数据，可以确定当前有其它网页在请求目标数据，并更新该目标数据，第一网页可以添加对应于目标数据的第一标记。示例性的，可以为目标数据的数据标识，添加第一标记。

通过上述措施，在第一网页启动之后，可以对第一网页相关的目标数据添加状态标记，以便于后续在需要以目标数据更新第一网页时，根据状态标记自主发起网络请求，或者，直接使用其它网页所获得的目标数据。

在一实施例中，第一网页启动后，当监听浏览器的本地存储空间中针对目标数据的更新事件，可以确定目标数据发生更新，并且说明当前有其它网页在请求目标数据。这种情况下，可以针对目标数据添加第一标记。

在一实施例中，第一网页开启后，可以启动针对本地存储空间的监听任务，以监听第一网页所需的一种或多种目标数据。这里，监听任务可以通过storagechange事件来实现，利用浏览器的storagechange事件，第一网页可以对本地存储空间开启监听。当其它网页对本地存储空间进行更新之后，第一网页可以及时更新目标数据的状态标记。

参见图6，为本申请一实施例提供的网页数据的请求方法的整体流程示意图，如图6所示，第一网页开启后，可以读取浏览器的localStorage中网页更新所需的目标数据。一方面，如果存在未过期的目标数据，可以添加对应于目标数据的第一标记，表示当前有其它网页在请求目标数据。另一方面，如果不存在目标数据，或者，目标数据已过期，可以添加对应于目标数据的第二标记，表示当前无其它网页请求目标数据。

在开启轮询以更新网页的过程中，第一网页可以根据状态标记判断其它网页是否在请求目标数据。一方面，若是，可以判断目标数据是否过期。如果未过期，直接根据目标数据更新第一网页。如果已过期，可以添加对应于目标数据的第二标记，使得后续可以据此确定无其它网页在请求目标数据。另一方面，若否，第一网页可以发送对目标数据的网络请求，并在获得目标数据后，将目标数据存入localStorage，并依据目标数据更新网页。

此外，第一网页开启后，可以监听localStorage是否发生变化。当localStorage中的目标数据发生变化时，可以添加对应于目标数据的第一标记，使得后续可以据此确定存在其它网页在请求目标数据。

图7是本发明一实施例的一种网页数据的请求装置的框图，如图7所示，该装置可以包括：

第一判断模块710，用于在轮询请求目标数据时，判断其它网页是否在请求所述目标数据；

第二判断模块720，用于若是，判断所述浏览器的本地存储空间中，所述目标数据是否过期；

更新模块730，用于如果未过期，基于所述目标数据更新第一网页。

在一实施例中，第一判断模块710，还用于：

判断与所述目标数据对应的状态标记，是否为第一标记；

如果为所述第一标记，确定其它网页在请求所述目标数据；

如果为第二标记，确定无其它网页请求所述目标数据。

在一实施例中，所述装置还包括：

发起模块740，用于若无其它网页在请求所述目标数据，发起针对所述目标数据的网络请求；

解析模块750，用于当获得所述网络请求的响应消息后，所述第一网页从所述响应消息解析出目标数据；

存储模块760，用于所述第一网页将所述目标数据存储至所述本地存储空间。

在一实施例中，所述装置还包括标注模块770，用于：

如果过期，所述第一网页针对所述目标数据添加所述第二标记。

在一实施例中，所述装置还包括：

第一判断模块710，还用于所述第一网页开启时，判断所述本地存储空间是否存在未过期的目标数据；

标注模块770，还用于如果不存在未过期的目标数据，针对所述目标数据添加第二标记；如果存在未过期的目标数据，针对所述目标数据添加第一标记。

在一实施例中，所述标注模块770，还用于：

当监听到所述本地存储空间中针对所述目标数据的更新事件，针对所述目标数据添加第一标记。

在一实施例中，所述装置还包括：

监听模块780，用于所述第一网页开启时，启动针对所述本地存储空间的监听任务。

上述装置中各个模块的功能和作用的实现过程具体详见上述网页数据的请求方法中对应步骤的实现过程，在此不再赘述。

在本申请所提供的几个实施例中，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

Claims (10)

1.一种网页数据的请求方法，应用于用户终端，所述用户终端包含浏览器，所述浏览器开启多个网页，其特征在于，包括：

在轮询请求目标数据时，第一网页判断其它网页是否在请求所述目标数据；

若是，所述第一网页判断所述浏览器的本地存储空间中，所述目标数据是否过期；

如果未过期，基于所述目标数据更新所述第一网页。

2.根据权利要求1所述的方法，其特征在于，所述第一网页判断其它网页是否在请求所述目标数据，包括：

所述第一网页判断与所述目标数据对应的状态标记，是否为第一标记；

如果为所述第一标记，确定其它网页在请求所述目标数据；

如果为第二标记，确定无其它网页请求所述目标数据。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

若无其它网页在请求所述目标数据，所述第一网页发起针对所述目标数据的网络请求；

当获得所述网络请求的响应消息后，所述第一网页从所述响应消息解析出目标数据；

所述第一网页将所述目标数据存储至所述本地存储空间。

4.根据权利要求2所述的方法，其特征在于，所述方法还包括：

如果过期，所述第一网页针对所述目标数据添加所述第二标记。

5.根据权利要求2所述的方法，其特征在于，所述方法还包括：

所述第一网页开启时，判断所述本地存储空间是否存在未过期的目标数据；

如果不存在未过期的目标数据，所述第一网页针对所述目标数据添加第二标记；

如果存在未过期的目标数据，所述第一网页针对所述目标数据添加第一标记。

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

当监听到所述本地存储空间中针对所述目标数据的更新事件，所述第一网页针对所述目标数据添加第一标记。

7.根据权利要求6所述的方法，其特征在于，所述方法还包括：

所述第一网页开启时，启动针对所述本地存储空间的监听任务。

8.一种网页数据的请求装置，应用于用户终端，所述用户终端包含浏览器，所述浏览器开启多个网页，其特征在于，包括：

第一判断模块，用于在轮询请求目标数据时，判断其它网页是否在请求所述目标数据；

第二判断模块，用于若是，判断所述浏览器的本地存储空间中，所述目标数据是否过期；

更新模块，用于如果未过期，基于所述目标数据更新第一网页。

9.一种电子设备，其特征在于，所述电子设备包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为执行权利要求1-7任意一项所述的网页数据的请求方法。

10.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序可由处理器执行以完成权利要求1-7任意一项所述的网页数据的请求方法。

Images