CN113010820A - 页面数据更新方法、装置、电子设备、介质及程序产品 - Google Patents

Abstract

本申请提供一种页面数据更新方法、装置、电子设备、介质及程序产品。方法包括：接收用户在当前显示的Web应用的页面上触发的数据更新请求，数据更新请求用于请求更新位于页面的目标接口的数据；向Web应用服务器发送接口调用请求，接口调用请求用于请求获取目标接口的数据；若接收到Web应用服务器基于接口调用请求返回的指示信息，则在页面显示目标接口的数据更新进度动画；其中，指示信息用于指示目标接口的数据的平均获取时长大于第一预设时长，数据更新进度动画的总时长与平均获取时长相关。本申请使得用户可以预估等待时长，提高了用户体验感。

Description

页面数据更新方法、装置、电子设备、介质及程序产品

技术领域

本申请涉及Web应用程序技术，尤其涉及一种页面数据更新方法、装置、电子设备、介质及程序产品。

背景技术

万维网(World Wide Web，Web)应用程序是一种通过浏览器即可访问的应用程序。异步JavaScript和XML(Asynchronous Javascript And XML，Ajax)，是一种可以在不重新加载整个页面的情况下，更新页面的部分内容的技术。Ajax在Web应用中使用的越来越频繁，通过Ajax主要是实现页面和Web应用服务器之间数据的异步传输，从而可以实现Web应用的页面的局部更新。

目前，在采用Ajax方式从Web应用服务器获取Web应用当前页面的局部数据时，会在该页面上显示一个图形交换格式(Graphics Interchange Format，GIF)图片表明该页面正在刷新。然而，若Web应用当前页面的局部数据的获取速度较慢时，用户无法预估等待时长，致使用户不知应该刷新页面，还是继续等待。

发明内容

本申请提供一种页面数据更新方法、装置、电子设备、介质及程序产品，以解决当Web应用当前页面的局部数据的获取速度较慢时，用户无法预估等待时长，致使用户不知应该刷新页面，还是继续等待的问题。

第一方面，本申请提供一种页面数据更新方法，所述方法包括：

接收用户在当前显示的Web应用的页面上触发的数据更新请求，所述数据更新请求用于请求更新位于所述页面的目标接口的数据；

向Web应用服务器发送接口调用请求，所述接口调用请求用于请求获取所述目标接口的数据；

若接收到所述Web应用服务器基于所述接口调用请求返回的指示信息，则在所述页面显示所述目标接口的数据更新进度动画；其中，所述指示信息用于指示所述目标接口的数据的平均获取时长大于第一预设时长，所述数据更新进度动画的总时长与所述平均获取时长相关。

可选的，所述在所述页面显示所述目标接口的数据更新进度动画，包括：

轮询所述Web应用服务器是否获取到所述目标接口的数据，并根据轮询所述Web应用服务器的累计次数，更新所述数据更新进度动画，直至从所述Web应用服务器获取到所述目标接口的数据。

可选的，所述根据轮询所述Web应用服务器的累计次数，更新所述数据更新进度动画，包括：

若所述数据更新进度动画的剩余时长小于第二预设时长，则在从所述Web应用服务器获取到所述目标接口的数据之前，停止更新所述数据更新进度动画。

可选的，所述方法还包括：

从所述Web应用服务器获取到所述目标接口的数据后，停止显示所述数据更新进度动画，并在所述页面显示所述目标接口的数据。

可选的，所述指示信息包括：所述目标接口的标签，以及，所述目标接口的数据的平均获取时长，所述目标接口的标签用于指示所述目标接口的数据的平均获取时长大于所述第一预设时长。

可选的，所述在所述页面显示所述目标接口的数据更新进度动画，包括：

根据所述目标接口的数据的平均获取时长，生成所述数据更新进度动画。

可选的，所述向Web应用服务器发送接口调用请求之后，所述方法还包括：

若接收到所述Web应用服务器基于所述接口调用请求返回所述目标接口的数据，在所述页面显示所述目标接口的数据。

第二方面，本申请提供一种页面数据更新方法，所述方法包括：

接收来自终端的接口调用请求，所述接口调用请求用于请求获取目标接口的数据；

获取所述目标接口的数据的平均获取时长；

若所述目标接口的数据的平均获取时长大于第一预设时长，则在获取所述目标接口的数据时，向所述终端发送指示信息，其中，所述指示信息用于指示所述目标接口的数据的平均获取时长大于第一预设时长。

可选的，所述获取所述目标接口的数据的平均获取时长之后，还包括：

若所述目标接口的数据的平均获取时长小于或等于所述第一预设时长，则获取所述目标接口的数据；

向所述终端发送所述目标接口的数据。

可选的，所述方法还包括：

记录此次获取所述目标接口的数据的时长。

可选的，所述方法还包括：

根据此次获取的所述目标接口的数据的时长，更新所述目标接口的数据的平均获取时长。

可选的，所述获取所述目标接口的数据，包括：

从所述目标接口所属的服务器获取所述目标接口的数据。

第三方面，本申请提供一种页面数据更新装置，所述装置包括：

接收模块，用于接收用户在当前显示的Web应用的页面上触发的数据更新请求，所述数据更新请求用于请求更新位于所述页面的目标接口的数据；

发送模块，用于向Web应用服务器发送接口调用请求，所述接口调用请求用于请求获取所述目标接口的数据；

显示模块，用于若接收到所述Web应用服务器基于所述接口调用请求返回的指示信息，则在所述页面显示所述目标接口的数据更新进度动画；其中，所述指示信息用于指示所述目标接口的数据的平均获取时长大于第一预设时长，所述数据更新进度动画的总时长与所述平均获取时长相关。

第四方面，本申请提供一种页面数据更新装置，所述装置包括：

接收模块，用于接收来自终端的接口调用请求，所述接口调用请求用于请求获取所述目标接口的数据；

获取模块，用于获取所述目标接口的数据的平均获取时长；

发送模块，用于若所述目标接口的数据的平均获取时长大于第一预设时长，则在获取所述目标接口的数据时，向所述终端发送指示信息，其中，所述指示信息用于指示所述目标接口的数据的平均获取时长大于第一预设时长。

第五方面，本申请提供一种电子设备，包括：至少一个处理器、存储器；

所述存储器存储计算机执行指令；

所述至少一个处理器执行所述存储器存储的计算机执行指令，使得所述电子设备执行权利要求第一方面或第二方面任一项所述的方法。

第六方面，本申请提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机执行指令，当所述计算机执行指令被处理器执行时，实现权利要求第一方面或第二方面任一项所述的方法。

第七方面，本申请提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现第一方面或第二方面任一项所述的方法。

本申请提供的页面数据更新方法、装置、电子设备、介质及程序产品，Web应用服务器通过将目标接口的数据的平均获取时长与第一预设时长进行比较，确定目标接口的数据的获取时长是否可能较长，即用户触发的该目标接口之后是否需要等待较长的时间。对于数据获取时间较长的目标接口，Web应用服务器向终端发送指示信息，以指示终端在页面显示目标接口的数据更新进度动画。其中，该数据更新进度动画的总时长与目标接口的数据的平均获取时长相关。通过上述方法，当Web应用当前页面的局部数据的获取速度较慢时，实现了在提示用户终端正在获取数据中的同时，使得用户可以根据页面显示的数据更新动画的状态来预估等待时长，进而达到了提高用户的体验感的技术效果。此外，上述方法不需要根据终端获取到的目标数据的数据量来更新进度动画。即便当目标接口的数据量较小，且Web应用服务器获取该目标接口的数据的速度较慢时，页面的进度动画也可以更新，进而用户可以预估等待时长，进而提高用户体验感。

附图说明

为了更清楚地说明本申请或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图做一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为页面数据更新方法的一种应用场景示意图；

图2为现有的一种页面显示方法的界面示意图；

图3为本申请提供的一种页面数据更新方法的流程示意图；

图4为本申请提供的一种Web应用页面在页面数据更新过程中的示意图；

图5为本申请提供的另一种页面数据更新方法的流程示意图；

图6为本申请提供的又一种页面数据更新方法的流程示意图；

图7为本申请提供的一种页面数据更新装置的结构示意图；

图8为本申请提供的另一种页面数据更新装置的结构示意图；

图9为本申请提供的一种电子设备结构示意图。

通过上述附图，已示出本申请明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本申请构思的范围，而是通过参考特定实施例为本领域技术人员说明本申请的概念。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请中的附图，对本申请中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

图1为页面数据更新方法的一种应用场景示意图。如图1所示，用户可以通过终端安装的浏览器访问Web应用程序。其中，上述终端与Web应用服务器之间可以通过Ajax方式进行数据的异步传输，从而实现Web应用的页面的局部更新。Web应用的页面局部更新的数据，可以是存储在Web应用服务器自身之中的，或者，还可以是如图1中所示存储在目标接口所属的服务器中的。其中，该目标接口指的是用于获取页面局部更新数据的接口。也就是说，Web应用服务器可以从自身存储的数据中获取目标接口的数据，或者从目标接口所属的服务器中获取目标接口的数据，然后将该数据发送给终端。

Web应用的页面上例如可以存在多个用户可以操作的对象。其中，不同的对象可以被封装为不同的接口。用户可以对不同的接口进行操作，以触发接口对应的数据更新请求。然后终端可以基于用户触发的目标接口的数据更新请求，在页面上显示该数据更新请求对应的目标接口的数据，进而实现页面的局部更新。

目前，终端在采用Ajax方式从Web应用服务器获取Web应用当前页面的局部数据时，会在该页面上显示一个GIF图片表明该页面正在刷新。以用户使用的终端为手机或者平板电脑为例，图2为现有的一种页面显示方法的界面示意图。如图2所示，用户在访问Web应用时，可以触发Web应用的页面上的接口2对应的数据更新请求。

如图2中所示，在用户触发Web应用的页面上的接口2对应的数据更新请求之后，终端会在该页面上显示一个GIF图片，以表明该页面正在刷新，进而提醒用户终端正在获取数据，用户需要等待。Web应用服务器获取Web应用当前页面的接口2的数据的过程中，当前页面会持续显示该动图，直到终端获取到该接口2的数据。然而，若Web应用当前页面的局部数据的获取速度较慢时，用户无法预估等待时长，致使用户不知应该刷新页面，还是继续等待。

一般情况下，以下三种类型的数据可能导致Web应用服务器获取目标接口的数据的速度较慢：数据量较大的数据、存储方式为多表关联的数据，以及，与Web应用服务器不属于同一台服务器的数据。

一些方案在上述方法的基础上，提出了一种在页面上显示进度动画的方法。在使用该方法更新进度动画时，终端将该进度动画的进度条划分成多份，每份对应相同的预设数据量。然后，终端不断计算获取到的目标接口的数据量，并在数据量达到预设数据量时，更新页面上的进度动画。直到终端获取到目标接口全部的数据之后，则在页面显示目标接口的数据。

例如，假设上述预设数据量为1兆，当终端获取到的目标接口的数据量达到1兆时，终端第一次更新页面上的进度动画。当终端获取到的目标接口的数据量达到2兆时，终端第二次更新页面上的进度动画。

然而，若目标接口的数据量较小(例如目标接口的全部数据的数据量小于预设数据量)，且Web应用服务器获取该目标接口的数据的速度较慢时，现有的在页面上显示进度动画的方法，仍然可能导致终端无法更新进度动画，进而可能导致用户无法预估等待时长，致使用户不知应该刷新页面，还是继续等待。

考虑到现有技术存在上述问题，本申请提出一种在页面显示数据更新进度动画的方法，且该数据更新进度动画的总时长与接口的数据的平均获取时长相关。通过该方法，当Web应用当前页面的局部数据的获取速度较慢时，可以实现在提示用户终端正在获取数据中的同时，使得用户可以知道数据的更新进度，进而使得用户可以预估等待时长，达到提高用户的体验感的技术效果。

下面结合具体地实施例对本申请的技术方案进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例不再赘述。

图3为本申请提供的一种页面数据更新方法的流程示意图。如图3所示，该方法包括以下步骤：

S101、终端接收用户在当前显示的Web应用的页面上触发的数据更新请求。

其中，上述数据更新请求用于请求更新位于页面的目标接口的数据。用户例如可以通过点击页面上的目标接口，或者通过滑动页面等方式触发数据更新请求。可选的，上述终端例如可以是电脑、手机、平板电脑等电子设备。

S102、终端向Web应用服务器发送接口调用请求。

终端在接收到数据更新请求之后，通过Ajax方式向Web应用服务器发送目标接口的接口调用请求。其中，该接口调用请求用于请求获取目标接口的数据。

相应的，Web应用服务器可以接收来自终端的接口调用请求。

S103、Web应用服务器获取目标接口的数据的平均获取时长。

可选的，上述接口调用请求中例如可以包括目标接口的地址信息，或者标识信息等，以表示目标接口的唯一身份。Web服务器可以根据目标接口的地址信息，或者标识信息等，获取目标接口的数据的平均获取时长等。

示例性的，以接口调用请求中包括有目标接口的地址信息为例，在该实现方式下，Web应用服务器例如可以根据上述接口调用请求中包括的目标接口的地址信息，以及，目标接口的地址信息与目标接口的数据的平均获取时长的映射关系，获取目标接口的数据的平均获取时长。上述目标接口的地址信息例如可以由接口的统一资源定位符(uniformresource locator，URL)等信息表示。

可选的，上述映射关系例如可以是存储在Web应用服务器中的。或者，上述映射关系例如还可以是存储在其他服务器中的，以节约Web应用服务器的存储空间。示例性的，上述映射关系例如可以存储在远程字典服务(Remote Dictionary Server，Redis)数据库中。即，Web应用服务器在接收到接口调用请求之后，可以将该接口调用请求中包括的接口的地址信息发送给Redis数据库。然后Redis数据库可以根据接收到的接口的地址信息，以及上述映射关系，获取目标接口的数据的平均获取时长，并发送给Web应用服务器。

示例性的，上述目标接口的平均获取时长例如可以是根据历史目标接口的数据的获取时长得到的。例如，可以将各目标接口过去一周内的多次的数据的获取时长的平均值，作为目标接口的平均获取时长。或者，Web应用服务器例如还可以接收用户(此处的用户例如可以是Web应用的研发人员等)输入的各目标接口的平均获取时长。

S104、Web应用服务器判断目标接口的数据的平均获取时长是否大于第一预设时长。若是，则执行步骤S105和步骤S107。若否，可选的，则执行步骤S107。

Web应用服务器在获取目标接口的数据的平均获取时长之后，可以将该时长与第一预设时长进行比较。若目标接口的数据的平均获取时长大于第一预设时长，说明Web服务器获取该目标接口的数据的耗时可能较长。则，Web服务器可以在获取目标接口的数据时，向终端发送指示信息，即Web服务器可以执行步骤S105。其中，该指示信息用于指示目标接口的数据的平均获取时长大于第一预设时长。

若目标接口的数据的平均获取时长小于或等于第一预设时长，说明Web服务器获取该目标接口的数据的耗时较短，不会出现现有技术所说的问题。因此，可选的，Web服务器可以直接执行步骤S107。

可选的，上述第一预设时长例如可以是根据用户的实际需求确定并预先存储在Web应用服务器中的。即该第一预设时长是根据实际情况可调的。或者，该第一预设时长例如还可以是根据多个目标接口的数据的获取时长确定的。示例性的，Web服务器例如可以将多个目标接口的数据的历史获取时长的平均值，作为第一预设时长。应理解，本申请对Web应用服务器如何获取第一预设时长不进行限定。

S105、Web应用服务器向终端发送指示信息。

Web应用服务器在获取目标接口的数据时，还向终端发送指示信息。该指示信息用于指示目标接口的数据的平均获取时长大于第一预设时长。可选的，Web应用服务器例如可以通过在上述指示信息中添加用于“表示目标接口的数据的平均获取时长大于第一预设时长”的标签，以使该指示信息可以用于指示目标接口的数据的平均获取时长大于第一预设时长。

相应的，终端可以接收该指示信息。

S106、终端在页面显示目标接口的数据更新进度动画。

若终端接收到Web应用服务器基于接口调用请求返回的指示信息，说明用户触发的目标接口的数据的获取时长较长，用户可能需要等待较长的时间。因此，终端可以在当前显示的Web应用的页面上显示目标接口的数据更新进度动画。随着Web应用服务器不断获取目标接口的数据，该数据更新进度动画不断更新。其中，该数据更新进度动画的总时长与目标接口的平均获取时长相关。

可选的，该数据更新进度动画的总时长例如可以等于目标接口的平均获取时长。或者，终端例如还可以将目标接口的平均获取时长乘以第一预设系数之后的得到的结果，作为数据更新进度动画的总时长。

示例性的，以数据更新进度动画的总时长等于目标接口的平均获取时长为例，图4为本申请提供的一种Web应用页面在页面数据更新过程中的示意图。如图4所示，终端首先可以接收用户触发的接口调用请求。在接收到Web应用服务器发送的指示信息之后，终端可以控制当前显示的Web应用的页面显示数据更新进度动画。随着Web应用服务器获取目标接口的数据，该数据更新进度动画的进度条不断向前(图4中所示的显示有数据更新进度动画的三个页面从左至右分别为该进度动画的进度条前进到30％、50％，以及，70％的时刻，该数据更新进度动画的状态)。

应理解，本申请对数据更新进度动画的具体表现形式，以及，该数据更新进度动画在页面的显示位置均不进行限定。图4仅是示例性的展示该数据更新进度动画可能的显示方式。具体实现时，示例性的，该数据更新进度动画例如还可以是圆形等。或者，该数据更新进度动画例如还可以通过变化的数字展示。其中，该变化的数字例如可以表示数据更新进度动画的剩余时长等。该数据更新进度动画在页面的显示位置例如可以是在页面的中间、或者页面的上部，或者页面的下部等。

S107、Web应用服务器获取目标接口的数据。

若Web应用服务器确定目标接口的数据的平均获取时长大于第一预设时长，可选的，Web应用服务器例如可以直接执行目标接口的数据获取代码，以获取目标接口的数据。或者，Web应用服务器还可以将该目标接口加入到执行队列中。并根据Web应用服务器能够同时执行的最大线程数量，执行目标接口的数据获取代码，以保证服务器能够正常工作，避免Web服务器因为执行代码过多而导致的获取目标接口的数据的效率下降。

再或者，当上述目标接口所属的服务器与Web应用服务器属于不同的服务器时，Web应用服务器还可以从目标接口所属的服务器获取目标接口的数据。

应理解，当目标接口的数据的平均获取时长大于第一预设时长时，本申请对Web应用服务器执行步骤S107，以及，前述步骤S105的顺序不进行限定。具体实现时，Web应用服务器可以先执行步骤S107，再执行步骤S105。或者先执行步骤S105，再执行步骤S107。或者同时执行步骤S107和S105。

若Web应用服务器确定目标接口的数据的平均获取时长小于或等于第一预设时长，可选的，Web应用服务器可以直接执行该步骤，以获取目标接口的数据。具体实现时，针对平均获取时长小于或等于第一预设时长的目标接口的数据，可以参照上述任何一种方式来获取目标接口的数据，本申请在此不再赘述。

应理解，本申请对Web应用服务器如何获取目标接口的数据不进行限定。上述方法仅是本申请提供的可能的实现方式。具体实现时，Web应用服务器还可以通过现有的任何一种可能的实现方式获取目标接口的数据。

进一步的，在Web应用服务器获取到目标接口的数据之后，Web服务器直接将获取到的数据发送给终端。若终端接收到Web应用服务器基于接口调用请求返回的目标接口的数据，则可以将该目标接口的数据通过Ajax的回调函数，使得页面显示目标接口的数据，以实现Web应用的页面的局部更新。

在本实施例中，Web应用服务器通过将目标接口的数据的平均获取时长与第一预设时长进行比较，确定目标接口的数据的获取时长是否可能较长，即用户触发的该目标接口之后是否需要等待较长的时间。对于数据获取时间较长的目标接口，Web应用服务器向终端发送指示信息，以指示终端在页面显示目标接口的数据更新进度动画。其中，该数据更新进度动画的总时长与目标接口的数据的平均获取时长相关。通过上述方法，当Web应用当前页面的局部数据的获取速度较慢时，实现了在提示用户终端正在获取数据中的同时，使得用户可以根据页面显示的数据更新动画的状态来预估等待时长，进而达到了提高用户的体验感的技术效果。此外，上述方法不需要根据终端获取到的目标数据的数据量来更新进度动画。即便当目标接口的数据量较小，且Web应用服务器获取该目标接口的数据的速度较慢时，页面的进度动画也可以更新，进而用户可以预估等待时长，进而提高用户体验感。

进一步的，针对前述步骤S106、在页面显示目标接口的数据更新进度动画，作为一种可能的实现方式，该步骤S106可以包括以下步骤：

终端轮询Web应用服务器是否获取到目标接口的数据，并根据轮询Web应用服务器的累计次数，更新数据更新进度动画，直至从Web应用服务器获取到目标接口的数据。

示例性的，终端在轮询Web应用服务器时，例如可以向Web应用服务器发送带有目标接口的唯一标识的请求信息，以获取目标接口的数据。可选的，该目标接口的唯一标识例如可以是Web应用服务器在确定该目标接口的平均获取时长大于第一预设时长之后，随机生成的该目标接口的唯一标识。该目标接口的唯一标识例如可以附加在Web应用服务器向终端发送的指示信息中。或者，上述目标接口的唯一标识例如还可以是目标接口的固定标识信息等。

可选的，终端轮询Web应用服务器的第二频率例如可以与目标接口的数据的平均获取时长相关。假设目标接口的数据的平均获取时长为T秒，示例性的，终端例如可以是每T/N秒轮询一次Web应用服务器。N为正整数，例如10等，T大于0。然后终端可以根据轮询Web应用服务器的累计次数，更新数据更新进度动画。示例性的，终端每轮询一次Web应用服务器，则可以更新一次数据更新进度动画，使得数据更新进度动画的剩余时长减少T/N秒。

考虑到不同次的目标接口的数据的获取时长可能不同，Web应用服务器获取目标接口的数据的时长可能会出现大于数据更新进度动画的总时长的情况。因此，可选的，终端还可以将数据更新进度动画的剩余时长与第二预设时长进行比较。若数据更新进度动画的剩余时长小于第二预设时长，则在从Web应用服务器获取到目标接口的数据之前，停止更新数据更新进度动画。其中，上述第二预设时长例如可以与数据更新进度动画的总时长相关。示例性的，该第二预设时长例如可以等于数据更新进度动画的总时长乘以第二预设系数得到的结果。其中，该第二预设系数大于0小于1。

在终端从Web应用服务器获取到目标接口的数据后，可选的，终端可以停止显示数据更新进度动画，并在页面显示目标接口的数据。示例性的，如图4所示，最后一个终端的页面即为显示了目标接口的数据的页面(该页面中的A即为终端显示的目标接口的数据)。

在本实施例中，终端通过轮询Web应用服务器的累计次数，更新数据更新进度动画。即便目标接口的数据量较小(例如目标接口的数据量小于前述预设数据量阈值)，页面上显示的数据更新进度动画也能不断更新。即本实施例提供的方法，不仅适用于目标接口的数据量较大的情况，还适用于目标接口的数据的存储方式为多表关联，以及，Web应用服务器需要依赖外部接口来获取目标接口的数据而需要等待时间较长才能获取数据的情况。针对上述三种情况，通过本实施例的方法，均能够使得数据更新动画展示数据更新进度，进而提高用户的体验感。

进一步的，针对前述指示信息，可选的，该指示信息例如可以包括：目标接口的标签，以及，目标接口的数据的平均获取时长。其中，上述目标接口的标签可以用于指示目标接口的数据的平均获取时长大于第一预设时长。

在该实现方式下，作为另一种可能的实现方式，上述步骤S106具体可以包括以下步骤：终端根据接收到的指示信息中的目标接口的数据的平均获取时长，生成数据更新进度动画。因为上述指示信息中不仅包括目标接口的标签，还包括目标接口的数据的平均获取时长，因此，终端在确定用户出发的目标接口的数据获取时长可能较长之后，不需要再从其他终端或者服务器获取目标接口的数据的平均获取时长，即终端可以及时的在页面上显示数据更新进度动画，进一步提高了用户的体验感。

应当理解的是，上述指示信息也可以不包括目标接口的数据的平均获取时长。可选的，上述平均获取时长例如可以是存储在终端中的。即，终端在接收到Web应用服务器发送的指示信息之后，可以根据自身存储的目标接口的数据的平均获取时长，生成数据更新动画。

进一步的，针对前述目标接口的数据的平均获取时长，Web应用服务器还可以更新该平均获取时长，以提高Web应用服务器获取到的平均获取时长的准确性。况且，因为Web应用服务器通过目标接口的数据的平均获取时长确定是否向终端发送指示信息，以及，终端根据目标接口的数据的平均获取时长显示数据更新进度动画，因此，可以通过更新平均获取时长可以达到提高Web应用服务器确定是否发送指示信息的准确性，以及，终端显示数据更新进度动画的准确性，进一步提高了用户的体验感。

具体的，Web应用服务器可以在获取目标接口的数据过程中，记录此次获取目标接口的数据的时长。然后根据此次获取的目标接口的数据的时长，更新目标接口的数据的平均获取时长。示例性的，Web应用服务器可以按照预设的第一频率更新目标接口的数据的平均获取时长。该预设的第一频率例如可以是根据用户需求确定，并预先存储在Web应用服务器中的。

可选的，Web应用服务器在获取目标接口的数据的平均获取时长之后，可以将该平均获取时长存储到数据库中，以节约Web应用服务器的存储空间。示例性的，Web应用服务器在将目标接口的数据的平均获取时长存储到数据库中时，可以同时将该目标接口的地址信息，一并存储到数据库中，以建立目标接口的地址信息与目标接口的数据的平均获取时长的映射关系。进而以使Web应用服务器可以从数据库中，根据目标接口的地址信息，获取目标接口的数据的平均获取时长。

若Web应用服务器确定目标接口的数据的平均获取时长小于或等于第一预设时长，针对该情况，图5为本申请提供的另一种页面数据更新方法的流程示意图。如图5所示，该方法包括以下步骤：

S201、终端接收用户在当前显示的Web应用的页面上触发的数据更新请求。

S202、终端通过使用Ajax方式向Web应用服务器发送接口调用请求。其中，该接口调用请求用于请求获取目标接口的数据。

相应的，Web应用服务器接收该接口调用请求。

S203、Web应用服务器根据目标接口的URL，从Redis数据库中，获取该目标接口的数据的平均获取时长，以及，第一预设时长。

S204、Web应用服务器判断目标接口的数据的平均获取时长是否大于第一预设时长。若否，则执行步骤S205。

S205、Web应用服务器获取目标接口的数据，并执行步骤S211。

可选的，对于Web应用服务器如何获取目标接口的数据，可以参照前述实施例所示的方法，再次不再赘述。

S206、Web应用服务器向终端发送目标接口的数据。

S207、终端通过Ajax的回调函数在页面显示目标接口的数据。

若Web应用服务器确定目标接口的数据的平均获取时长大于第一预设时长，针对该情况，图6为本申请提供的又一种页面数据更新方法的流程示意图。如图6所示，该方法包括以下步骤：

S301、终端接收用户在当前显示的Web应用的页面上触发的数据更新请求。

S302、终端通过使用Ajax方式向Web应用服务器发送接口调用请求。其中，该接口调用请求用于请求获取目标接口的数据。

相应的，Web应用服务器接收该接口调用请求。

S303、Web应用服务器根据目标接口的URL，从Redis数据库中，获取该目标接口的数据的平均获取时长，以及，第一预设时长。

S304、Web应用服务器判断目标接口的数据的平均获取时长是否大于第一预设时长。若是，则执行步骤S305。

S305、Web应用服务器向终端发送指示信息。

其中，该指示信息用于指示目标接口的数据的平均获取时长大于第一预设时长。该指示信息例如可以包括目标接口的标签，以及，目标接口的数据的平均获取时长。其中，上述目标接口的标签可以用于指示目标接口的数据的平均获取时长大于第一预设时长。

相应的，终端可以接收上述指示信息。

S306、Web应用服务器将该接口调用请求加入Web应用服务器的执行队列中。

应理解，本申请对步骤S305和步骤S306的执行顺序不进行限定。具体实现时，Web应用服务器可以先执行步骤S305，再执行步骤S306，或者先执行步骤S306，再执行步骤S305，或者同时执行步骤S305和步骤S306。

S307、终端在页面显示目标接口的数据更新进度动画。该数据更新进度动画的总时长例如可以等于目标接口的数据的平均获取时长。

S308、Web应用服务器获取目标接口的数据，并执行步骤S313。

示例性的，Web应用服务器可以按照Web应用服务器能够执行的最大执行线程数，启动多个线程从上述执行队列中按顺序提取多个目标接口的URL和入参。然后通过目标接口的URL定位目标接口的代码入口，再利用反射技术构造入参对象，并执行目标接口对应的代码，以获取目标接口的数据。

可选的，Web应用服务器还可以将获取到的目标接口的数据存储到Redis数据库中，直到获取到该目标接口的所有的数据。然后，将该所有的数据一并发送给终端。

S309、终端以预设的第二频率轮询Web应用服务器是否获取到目标接口的数据。

S310、终端根据轮询Web应用服务器的累计次数，更新数据更新进度动画。

可选的，终端在轮询Web应用服务器时，例如可以向Web应用服务器发送带有目标接口的唯一标识的请求信息，以获取目标接口的数据。若Web应用服务器还没有获取到目标接口的数据，则可以向终端发送响应报文，以指示终端更新数据更新进度动画。上述第二频率例如可以是T/10。T表示目标接口的数据的平均获取时长。

可选的，终端还可以将数据更新进度动画的剩余时长与第二预设时长进行比较。若数据更新进度动画的剩余时长小于第二预设时长，则在从Web应用服务器获取到目标接口的数据之前，停止更新数据更新进度动画。示例性的，该第二预设时长例如可以是目标接口的数据的平均获取时长乘以0.1得到的结果。

S311、Web应用服务器向终端发送目标接口的数据。

相应的，终端接收目标接口的数据。

S312、终端停止显示数据更新进度动画，并通过Ajax的回调函数在页面显示目标接口的数据。

S313、Web应用服务器记录本次目标接口的数据的获取时长。可选的，Web应用服务器还可以将该目标接口的URL，以及，本次目标接口的数据的获取时长存储到数据库中。

S314、Web应用服务器周期性的根据多次目标接口的数据的获取时长，更新目标接口的数据的平均获取时长。

图7为本申请提供的一种页面数据更新装置的结构示意图。如图7所示，该页面数据更新装置30包括：接收模块31，发送模块32，以及，显示模块33。其中，

接收模块31，用于接收用户在当前显示的Web应用的页面上触发的数据更新请求，所述数据更新请求用于请求更新位于所述页面的目标接口的数据。

发送模块32，用于向Web应用服务器发送接口调用请求，所述接口调用请求用于请求获取所述目标接口的数据。

显示模块33，用于若接收到所述Web应用服务器基于所述接口调用请求返回的指示信息，则在所述页面显示所述目标接口的数据更新进度动画；其中，所述指示信息用于指示所述目标接口的数据的平均获取时长大于第一预设时长，所述数据更新进度动画的总时长与所述平均获取时长相关。

可选的，显示模块33具体用于轮询所述Web应用服务器是否获取到所述目标接口的数据，并根据轮询所述Web应用服务器的累计次数，更新所述数据更新进度动画，直至从所述Web应用服务器获取到所述目标接口的数据。

可选的，显示模块33具体用于若所述数据更新进度动画的剩余时长小于第二预设时长，则在从所述Web应用服务器获取到所述目标接口的数据之前，停止更新所述数据更新进度动画。

可选的，在从所述Web应用服务器获取到所述目标接口的数据之后，显示模块33还用于停止显示所述数据更新进度动画，并在所述页面显示所述目标接口的数据。

可选的，所述指示信息包括：所述目标接口的标签，以及，所述目标接口的数据的平均获取时长，所述目标接口的标签用于指示所述目标接口的数据的平均获取时长大于所述第一预设时长。

可选的，在上述实现方式下，显示模块33具体用于根据所述目标接口的数据的平均获取时长，生成所述数据更新进度动画。

可选的，在向Web应用服务器发送接口调用请求之后，显示模块33还用于若接收到所述Web应用服务器基于所述接口调用请求返回所述目标接口的数据，在所述页面显示所述目标接口的数据。

本实施例提供的页面数据更新装置，可以执行上述方法实施例中终端的动作，其实现原理和技术效果类似，在此不再赘述。

图8为本申请提供的另一种页面数据更新装置的结构示意图。如图8所示，该页面数据更新装置40包括：接收模块41、获取模块42，以及，发送模块43。其中，

接收模块41，用于接收来自终端的接口调用请求，所述接口调用请求用于请求获取所述目标接口的数据。

获取模块42，用于获取所述目标接口的数据的平均获取时长，以及，获取所述目标接口的数据。

发送模块43，用于若所述目标接口的数据的平均获取时长大于第一预设时长，则在获取所述目标接口的数据时，向所述终端发送指示信息。其中，所述指示信息用于指示所述目标接口的数据的平均获取时长大于第一预设时长。

可选的，在获取所述目标接口的数据的平均获取时长之后，获取模块42，还用于若所述目标接口的数据的平均获取时长小于或等于所述第一预设时长，则获取所述目标接口的数据；发送模块43用于向所述终端发送所述目标接口的数据。

可选的，所述页面数据更新装置40还可以包括记录模块44，用于记录此次获取所述目标接口的数据的时长。

可选的，在上述实现方式下，获取模块42还用于根据此次获取的所述目标接口的数据的时长，更新所述目标接口的数据的平均获取时长。

可选的，获取模块42，具体用于从所述目标接口所属的服务器获取所述目标接口的数据。

本实施例提供的页面数据更新装置，可以执行上述方法实施例中Web应用服务器的动作，其实现原理和技术效果类似，在此不再赘述。

图9为本申请提供的一种电子设备结构示意图。如图9所示，该电子设备500可以包括：至少一个处理器501和存储器502。

存储器502，用于存放程序。具体地，程序可以包括程序代码，程序代码包括计算机操作指令。

存储器502可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。

具体的，该电子设备500可以是前述终端或者Web应用服务器。处理器501用于执行存储器502存储的计算机执行指令，以实现前述方法实施例所描述的终端执行的页面数据更新方法或者Web应用服务器执行的页面数据更新方法。其中，处理器501可能是一个中央处理器(Central Processing Unit，简称为CPU)，或者是特定集成电路(ApplicationSpecific Integrated Circuit，简称为ASIC)，或者是被配置成实施本申请实施例的一个或多个集成电路。

可选的，该电子设备500还可以包括通信接口503。在具体实现上，如果通信接口503、存储器502和处理器501独立实现，则通信接口503、存储器502和处理器501可以通过总线相互连接并完成相互间的通信。总线可以是工业标准体系结构(Industry StandardArchitecture，简称为ISA)总线、外部设备互连(Peripheral Component，简称为PCI)总线或扩展工业标准体系结构(Extended Industry Standard Architecture，简称为EISA)总线等。总线可以分为地址总线、数据总线、控制总线等，但并不表示仅有一根总线或一种类型的总线。

可选的，在具体实现上，如果通信接口503、存储器502和处理器501集成在一块芯片上实现，则通信接口503、存储器502和处理器501可以通过内部接口完成通信。

本申请还提供了一种计算机可读存储介质，该计算机可读存储介质可以包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random AccessMemory)、磁盘或者光盘等各种可以存储程序代码的介质，具体的，该计算机可读存储介质中存储有程序指令，程序指令用于上述实施例中的方法。

本申请还提供一种程序产品，该程序产品包括执行指令，该执行指令存储在可读存储介质中。电子设备的至少一个处理器可以从可读存储介质读取该执行指令，至少一个处理器执行该执行指令使得电子设备实施上述的各种实施方式提供的页面数据更新方法。

最后应说明的是：以上各实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述各实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (17)

1.一种页面数据更新方法，其特征在于，所述方法包括：

接收用户在当前显示的Web应用的页面上触发的数据更新请求，所述数据更新请求用于请求更新位于所述页面的目标接口的数据；

向Web应用服务器发送接口调用请求，所述接口调用请求用于请求获取所述目标接口的数据；

若接收到所述Web应用服务器基于所述接口调用请求返回的指示信息，则在所述页面显示所述目标接口的数据更新进度动画；其中，所述指示信息用于指示所述目标接口的数据的平均获取时长大于第一预设时长，所述数据更新进度动画的总时长与所述平均获取时长相关。

2.根据权利要求1所述的方法，其特征在于，所述在所述页面显示所述目标接口的数据更新进度动画，包括：

轮询所述Web应用服务器是否获取到所述目标接口的数据，并根据轮询所述Web应用服务器的累计次数，更新所述数据更新进度动画，直至从所述Web应用服务器获取到所述目标接口的数据。

3.根据权利要求2所述的方法，其特征在于，所述根据轮询所述Web应用服务器的累计次数，更新所述数据更新进度动画，包括：

若所述数据更新进度动画的剩余时长小于第二预设时长，则在从所述Web应用服务器获取到所述目标接口的数据之前，停止更新所述数据更新进度动画。

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

从所述Web应用服务器获取到所述目标接口的数据后，停止显示所述数据更新进度动画，并在所述页面显示所述目标接口的数据。

5.根据权利要求1-3任一项所述的方法，其特征在于，所述指示信息包括：所述目标接口的标签，以及，所述目标接口的数据的平均获取时长，所述目标接口的标签用于指示所述目标接口的数据的平均获取时长大于所述第一预设时长。

6.根据权利要求5所述的方法，其特征在于，所述在所述页面显示所述目标接口的数据更新进度动画，包括：

根据所述目标接口的数据的平均获取时长，生成所述数据更新进度动画。

7.根据权利要求1所述的方法，其特征在于，所述向Web应用服务器发送接口调用请求之后，所述方法还包括：

若接收到所述Web应用服务器基于所述接口调用请求返回所述目标接口的数据，在所述页面显示所述目标接口的数据。

8.一种页面数据更新方法，其特征在于，所述方法包括：

接收来自终端的接口调用请求，所述接口调用请求用于请求获取目标接口的数据；

获取所述目标接口的数据的平均获取时长；

若所述目标接口的数据的平均获取时长大于第一预设时长，则在获取所述目标接口的数据时，向所述终端发送指示信息，其中，所述指示信息用于指示所述目标接口的数据的平均获取时长大于第一预设时长。

9.根据权利要求8所述的方法，其特征在于，所述获取所述目标接口的数据的平均获取时长之后，还包括：

若所述目标接口的数据的平均获取时长小于或等于所述第一预设时长，则获取所述目标接口的数据；

向所述终端发送所述目标接口的数据。

10.根据权利要求8或9所述的方法，其特征在于，所述方法还包括：

记录此次获取所述目标接口的数据的时长。

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

根据此次获取的所述目标接口的数据的时长，更新所述目标接口的数据的平均获取时长。

12.根据权利要求8或9所述的方法，其特征在于，所述获取所述目标接口的数据，包括：

从所述目标接口所属的服务器获取所述目标接口的数据。

13.一种页面数据更新装置，其特征在于，所述装置包括：

接收模块，用于接收用户在当前显示的Web应用的页面上触发的数据更新请求，所述数据更新请求用于请求更新位于所述页面的目标接口的数据；

发送模块，用于向Web应用服务器发送接口调用请求，所述接口调用请求用于请求获取所述目标接口的数据；

显示模块，用于若接收到所述Web应用服务器基于所述接口调用请求返回的指示信息，则在所述页面显示所述目标接口的数据更新进度动画；其中，所述指示信息用于指示所述目标接口的数据的平均获取时长大于第一预设时长，所述数据更新进度动画的总时长与所述平均获取时长相关。

14.一种页面数据更新装置，其特征在于，所述装置包括：

接收模块，用于接收来自终端的接口调用请求，所述接口调用请求用于请求获取目标接口的数据；

获取模块，用于获取所述目标接口的数据的平均获取时长；

发送模块，用于若所述目标接口的数据的平均获取时长大于第一预设时长，则在获取所述目标接口的数据时，向所述终端发送指示信息，其中，所述指示信息用于指示所述目标接口的数据的平均获取时长大于第一预设时长。

15.一种电子设备，其特征在于，包括：至少一个处理器、存储器；

所述存储器存储计算机执行指令；

所述至少一个处理器执行所述存储器存储的计算机执行指令，使得所述电子设备执行权利要求1-12任一项所述的方法。

16.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机执行指令，当所述计算机执行指令被处理器执行时，实现权利要求1-12任一项所述的方法。

17.一种计算机程序产品，包括计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-12任一项所述的方法。

Images