CN115952369A - 一种数据获取方法、装置、计算设备及存储介质 - Google Patents

Abstract

本发明公开了一种数据获取方法，包括：通过异步请求方式从服务器获取接口返回数据；将返回数据缓存在浏览器的本地存储器中；设置所述返回数据的过期时间；判断所述返回数据是否达到过期时间，如果达到过期时间则重新从服务器中获取数据，如果未达到过期时间则从本地存储器中获取数据。本方案能够减少接口调用次数，提高数据获取的效率。

Description

一种数据获取方法、装置、计算设备及存储介质

技术领域

本发明涉及数据处理技术领域，具体涉及一种数据获取方法、装置、计算设备及存储介质。

背景技术

用户在浏览器请求数据时，需要录入搜索项，发送访问请求到服务器，服务端根据搜索项检索数据库，找到与搜索项匹配的数据返回到浏览器。而用户录入的搜索项或者已选的筛选项可能是固定的，或者用户可能经常访问某个页面，每次刷新页面重新请求数据会导致资源浪费，影响页面加载速度。

因此，需要一种数据获取方法，能够减少接口调用次数，提高页面数据获取效率，以解决现有技术中存在的问题。

发明内容

鉴于上述问题，本方案提出了一种数据获取方法，通过将用户经常访问的数据预先存储在本地存储器中，通过本地缓存的方式减少接口调用次数，提高数据获取的效率。

根据本发明的一个方面，提供一种数据获取方法，包括：通过异步请求方式从服务器获取接口返回数据；将返回数据缓存在浏览器的本地存储器中；设置所述返回数据的过期时间；判断所述返回数据是否达到过期时间，如果达到过期时间则重新从服务器中获取数据，如果未达到过期时间则从本地存储器中获取数据。

通过上述方案，根据浏览器本地存储器中预先存储的页面数据和数据过期时间，判断数据是否可用，如果数据可用则直接从本地存储器中获取上一次返回的页面数据进行渲染，这样减少了接口调用次数，避免了每次刷新页面都要从服务器中获取数据，节省了数据调用资源，可以提高数据获取的效率。

可选地，在上述方法中，可以同时启动多个数据获取接口，每个数据获取接口为异步请求接口；接收每个数据获取接口返回的数据。

通过一次性向服务器发送多个异步数据请求的方式可以减少浏览器与服务器交互的次数。

可选地，在上述方法中，如果数据获取接口的图表类型无数据返回，则通过filter将该图表类型过滤；如果数据获取接口返回的图表类型有数据，则将有数据的图表随机排序后存储到浏览器的localstorage中。

可选地，在上述方法中，通过设置本地存储器中数据键值对和有效时长的对应关系，设置返回数据的过期时间。

根据本发明的另一个方面，提供了一种数据获取装置，包括：第一获取模块、存储模块、设置模块和第二获取模块。其中第一获取模块，用于通过异步请求方式从服务器获取接口返回数据；存储模块，用于将返回数据缓存在浏览器的本地存储器中；设置模块，用于设置所述返回数据的过期时间；第二获取模块，用于判断所述返回数据是否达到过期时间，如果达到过期时间则重新从服务器中获取数据，如果未达到过期时间则从本地存储器中获取数据。

可选地，在上述装置中，第一获取模块用于同时启动多个数据获取接口，每个数据获取接口为异步请求接口，并接收每个数据获取接口返回的数据。

可选地，在上述装置中，存储模块包括：过滤单元，用于在数据获取接口返回的图表类型中无数据时，通过filter方法将无数据的图表过滤；随机排序单元，用于在数据获取接口返回的图表类型有数据时，将有数据的图表进行随机排序后存储在localstorage中。

可选地，在上述装置中，设置模块用于通过设置localstorage中键值对和有效时长的对应关系，设置返回数据的过期时间。

根据本发明的另一个方面，提供一种计算设备，包括：至少一个处理器；和存储有程序指令的存储器，其中，程序指令被配置为适于由至少一个处理器执行，程序指令包括用于执行上述数据获取方法的指令。

根据本发明的又一个方面，提供一种存储有程序指令的可读存储介质，当程序指令被计算设备读取并执行时，使得计算设备执行上述的数据获取方法。

根据本发明的方案，通过预先将用户经常访问的页面数据缓存在浏览器的localstorage中，并通过设置键值对与有效时长的对应关系设置页面数据的过期时间，当再次接收到页面访问请求时，首先判断浏览器中localstorage中是否缓存有当前访问数据，如果本地localstorage中缓存的当前页面访问数据可用则直接从localstorage中获取当前访问数据进行数据渲染，这样可以减少接口调用次数，通过本地缓存的方式提高页面数据获取的效率。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的计算设备100的结构示意图；

图2示出了根据本发明一个实施例的数据获取方法200的流程示意图；

图3示出了根据本发明一个实施例的数据获取装置300的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

浏览器/服务器架构中用户在请求页面数据时，需要从服务器获取数据，每次刷新页面需要重新向服务器请求数据，在数据量较大的情况下，有可能造成数据加载不及时的问题。

为了减少资源浪费和服务器交互次数，本方案提供了一种数据获取方法，能够通过将服务器返回的数据缓存在本地存储器，首先判断本地存储器中是否存在要请求的数据，如果存在则从本地存储器中获取数据，如果不存在再向服务器请求获取数据，这样可以减少浏览器前端与服务器交互的次数，提高数据加载速度。

图1示出了根据本发明一个实施例的计算设备100的结构示意图。如图1所示，在基本配置102中，计算设备100典型地包括系统存储器106和一个或者多个处理器104。存储器总线108可以用于在处理器104和系统存储器106之间的通信。

取决于期望的配置，处理器104可以是任何类型的处理器，包括但不限于：微处理器（µP）、微控制器（µC）、数字信息处理器（DSP）或者它们的任何组合。处理器104可以包括诸如一级高速缓存110和二级高速缓存112之类的一个或者多个级别的高速缓存、处理器核心114和寄存器116。示例的处理器核心114可以包括运算逻辑单元（ALU）、浮点数单元（FPU）、数字信号处理核心（DSP核心）或者它们的任何组合。示例的存储器控制器118可以与处理器104一起使用，或者在一些实现中，存储器控制器118可以是处理器104的一个内部部分。

取决于期望的配置，系统存储器106可以是任意类型的存储器，包括但不限于：易失性存储器（诸如RAM）、非易失性存储器（诸如ROM、闪存等）或者它们的任何组合。计算设备中的物理内存通常指的是易失性存储器RAM，磁盘中的数据需要加载至物理内存中才能够被处理器104读取。系统存储器106可以包括操作系统120、一个或者多个应用122以及程序数据124。在一些实施方式中，应用122可以布置为在操作系统上由一个或多个处理器104利用程序数据124执行指令。操作系统120例如可以是Linux、Windows等，其包括用于处理基本系统服务以及执行依赖于硬件的任务的程序指令。应用122包括用于实现各种用户期望的功能的程序指令，应用122例如可以是浏览器、即时通讯软件、软件开发工具（例如集成开发环境IDE、编译器等）等，但不限于此。当应用122被安装到计算设备100中时，可以向操作系统120添加驱动模块。

在计算设备100启动运行时，处理器104会从存储器106中读取操作系统120的程序指令并执行。应用122运行在操作系统120之上，利用操作系统120以及底层硬件提供的接口来实现各种用户期望的功能。当用户启动应用122时，应用122会加载至存储器106中，处理器104从存储器106中读取并执行应用122的程序指令。

计算设备100还包括储存设备132，储存设备132包括可移除储存器136和不可移除储存器138，可移除储存器136和不可移除储存器138均与储存接口总线134连接。

计算设备100还可以包括有助于从各种接口设备（例如，输出设备142、外设接口144和通信设备146）到基本配置102经由总线/接口控制器130的通信的接口总线140。示例的输出设备142包括图形处理单元148和音频处理单元150。它们可以被配置为有助于经由一个或者多个A/V端口152与诸如显示器或者扬声器之类的各种外部设备进行通信。示例外设接口144可以包括串行接口控制器154和并行接口控制器156，它们可以被配置为有助于经由一个或者多个I/O端口158和诸如输入设备（例如，键盘、鼠标、笔、语音输入设备、触摸输入设备）或者其他外设（例如打印机、扫描仪等）之类的外部设备进行通信。示例的通信设备146可以包括网络控制器160，其可以被布置为便于经由一个或者多个通信端口164与一个或者多个其他计算设备162通过网络通信链路的通信。

网络通信链路可以是通信介质的一个示例。通信介质通常可以体现为在诸如载波或者其他传输机制之类的调制数据信号中的计算机可读指令、数据结构、程序模块，并且可以包括任何信息递送介质。“调制数据信号”可以这样的信号，它的数据集中的一个或者多个或者它的改变可以在信号中编码信息的方式进行。作为非限制性的示例，通信介质可以包括诸如有线网络或者专线网络之类的有线介质，以及诸如声音、射频（RF）、微波、红外（IR）或者其它无线介质在内的各种无线介质。这里使用的术语计算机可读介质可以包括存储介质和通信介质二者。在根据本发明的计算设备100中，应用122包括用于执行本发明的数据获取方法200的指令。

图2示出了根据本发明一个实施例的数据获取方法200的流程示意图。如图2所示，该方法始于步骤S210，通过异步请求方式从服务器获取接口返回数据。

用户在需要获取页面数据时，可以在如电脑、手机、iPad等终端设备上配置的浏览器中输入检索项或者通过点击访问链接或词条，向服务器发送数据获取请求。

为了减少客户端与服务器之间交互的次数，可以通过AJAX异步请求的方式同时启动多个数据获取接口，通过多个数据获取接口一次性向服务器发送多个接口访问请求。每个数据获取接口可以返回不同图表类型的数据。

例如，对于统计数据，可以包括多种图表类型，如条形图、折线图、饼图、环形图、地图等，用户在浏览器界面选择需要统计的年份、地区等选项，则可以从服务器获取多种图表类型的数据。

随后执行步骤S220，将返回数据缓存在浏览器的本地存储器中。

其中，本地存储器为浏览器的localstorage，这种键值存储方式能够长期存储数据，即使浏览器关闭后数据依然会存在。例如，添加数据项：localStorage.setItem('条形图', 'data1')。localstorage中缓存的页面数据可以是用户经常访问的页面数据。

由于在一次性向服务器发送多个接口访问请求时，数据获取接口可能存在无数据返回的情况。为了避免重复向无返回数据的接口请求数据，可以先判断接口是否无数据返回，如果数据获取接口的图表类型无数据返回，则通过filter将该图表类型过滤。

如果数据获取接口返回的图表类型有数据，则将有数据的图表随机排序后存储到浏览器的localstorage中。

也就是说，在首次获取返回数据时，通过异步请求方式从服务器中获取返回数据，然后将返回数据缓存在浏览器的localstorage中，这样在下次触发获取该返回数据时，可以直接从本地缓存中获取，而不需要再次从服务器获取，可以减少与服务器之间的交互次数。

接着执行步骤S230，设置返回数据的过期时间。

由于无法直接在localstorage中添加数据的过期时间，因此，可以通过设置键值对和有效时长的对应关系，设置返回数据的过期时间。其中，过期时间是指浏览器数据在localstorage中存储过程中可维持有效状态的最大时长，可以但不限于一周、一个月、一季度等，可以根据实际数据类型进行不同的设置。例如，可采用<time|value>或value|time>的形式进行表达，value表示对应返回数据的具体内容，time表示对应返回数据的终止时刻。

在本发明的一个实施例中，由于接口返回数据是基于年份、月份等的统计数据，因此需要设置合理的数据过期时间，当超过数据过期时间则重新获取最新的统计数据。

最后执行步骤S240，判断返回数据是否达到过期时间，如果达到过期时间则重新从服务器中获取数据，如果未达到过期时间则从本地存储器中获取数据。

也就是说，当再次接收到数据访问请求时，可以查找localstorage中存储的与访问键名对应的访问键值，对访问键值进行解析得到对应的浏览器数据和数据有效时长。

可以通过将浏览器数据的存储时刻与有效时长相加得到浏览器数据由有效状态转为无效状态的终止时刻，并将接收数据访问请求时的数据访问时刻与终止时刻进行比较。若数据访问时刻不超过终止时刻，则将解析得到的浏览器数据作为数据访问结果输出；否则，删除访问的键值对与数据有效时长的对应关系，并从服务器中获取最新的访问数据。然后重新将获取的最新的访问数据和数据有效时长以键值对的对应关系存储在localstorage中。

通过上述方案，在接收到浏览器数据获取请求时，首先浏览器的localstorage中是否缓存有待显示的页面数据，如果localstorage中缓存有待显示的页面数据则判断待显示的页面数据是否超过过期时间，如果未超过过期时间则直接从localstorage中获取待显示页面数据，否则想服务器发送数据获取请求后从服务器获取最新的页面显示数据。该方案使得浏览器不用每次都从服务器请求获取页面数据，能够减少接口调用次数，提高数据获取效率。

图3示出了根据本发明一个实施例的数据获取装置300的结构示意图。如图3所示，该数据获取装置300包括第一获取模块310、存储模块320、设置模块330和第二获取模块340。

其中，第一获取模块310通过异步请求方式从服务器获取接口返回数据。第一获取模块获取的数据为用户在浏览器中首次获取响应数据时预先通过异步请求报文从服务器中获取的数据。

存储模块320可以将返回数据缓存在浏览器的本地存储器中。可以将首次获取的响应数据缓存在浏览器本地，以便于后续再次获取该响应数据时可以直接从本地缓存中获取。

在本发明的一个实施例中，存储模块320可以包括过滤单元和随机排序单元。其中，过滤单元可以在数据获取接口返回的图标类型中无数据时，通过filter函数将无返回数据的图表类型删除。也就是说，有些数据仅有条形图、环形图和饼图类型的统计数据，无柱状图、折线图类型的统计数据，则可以将柱状图和折线图过滤掉，不必进行显示。随机排序单元可以在数据获取接口返回的图表类型有数据时，将有数据的图表进行随机排序后存储在localstorage中。

设置模块330可以设置返回数据的过期时间。由于页面数据的有效性具有一定的时限，因此，可以通过设置localstorage中键值对和有效时长的对应关系，设置返回数据的过期时间。其中，有效时长为浏览器数据在本地存储过程中维持在有效状态的最大时长。

第二获取模块340可以判断所述返回数据是否达到过期时间，如果达到过期时间则重新从服务器中获取数据，如果未达到过期时间则从本地存储器中获取数据。当再次接收到数据访问请求时，可以首先判断当前访问数据是否存储在localstorage中，如果已经存储在localstorage中则按照键值对与有效时长对应关系，判断当前访问数据是否达到了过期时间。

如果本地存储器中存储的当前访问数据已经达到了过期时间，则重新向服务器发送访问请求获取返回数据。如果本地存储器中存储的当前访问数据尚未达到过期时间，则直接从本地存储器中获取该返回数据。最后可以将获取的数据渲染到当前页面中去。

通过本发明提供的数据获取方法和装置，可以预先将用户经常访问的页面数据缓存在浏览器的localstorage中，并通过设置键值对与有效时长的对应关系设置页面数据的过期时间，当再次接收到页面访问请求时，首先判断浏览器中localstorage中是否缓存有当前访问数据，如果本地localstorage中缓存的当前页面访问数据可用则直接从localstorage中获取当前访问数据进行数据渲染，这样可以减少接口调用次数，通过本地缓存的方式提高页面数据获取的效率。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下被实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中，或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书（包括伴随的权利要求、摘要和附图）中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书（包括伴随的权利要求、摘要和附图）中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

此外，实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行功能的其它装置实施的方法或方法元素的组合。因此，具有用于实施方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外，装置实施例的在此所述的元素是如下装置的例子：该装置用于实施由为了实施该发明的目的的元素所执行的功能。

如在此所使用的那样，除非另行规定，使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例，并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。

尽管根据有限数量的实施例描述了本发明，但是受益于上面的描述，本技术领域内的技术人员明白，在由此描述的本发明的范围内，可以设想其它实施例。此外，应当注意，本说明书中使用的语言主要是为了可读性和教导的目的而选择的，而不是为了解释或者限定本发明的主题而选择的。因此，在不偏离所附权利要求书的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围，对本发明所做的公开是说明性的而非限制性的，本发明的范围由所附权利要求书限定。

Claims (10)

1.一种数据获取方法，适于在计算设备中执行，其特征在于，包括：

通过异步请求方式从服务器获取接口返回数据；

将返回数据缓存在浏览器的本地存储器中；

设置所述返回数据的过期时间；

判断所述返回数据是否达到过期时间，如果达到过期时间则重新从服务器中获取数据，如果未达到过期时间则从本地存储器中获取数据。

2.根据权利要求1所述的数据获取方法，其特征在于，所述通过异步请求方式从服务器获取接口返回数据的步骤包括：

同时启动多个数据获取接口，每个数据获取接口为异步请求接口；

接收每个数据获取接口返回的数据。

3.根据权利要求2所述的数据获取方法，其特征在于，在所述将返回数据缓存在浏览器的本地存储器中的步骤中：

如果数据获取接口的图表类型无数据返回，则通过filter将该图表类型过滤；

如果数据获取接口返回的图表类型有数据，则将有数据的图表随机排序后存储到浏览器的localstorage中。

4.根据权利要求1所述的数据获取方法，其特征在于，所述设置所述返回数据的过期时间的步骤包括：

通过设置本地存储器中数据键值对和有效时长的对应关系，设置返回数据的过期时间。

5.一种数据获取装置，其特征在于，包括：

第一获取模块，用于通过异步请求方式从服务器获取接口返回数据；

存储模块，用于将返回数据缓存在浏览器的本地存储器中；

设置模块，用于设置所述返回数据的过期时间；

第二获取模块，用于判断所述返回数据是否达到过期时间，如果达到过期时间则重新从服务器中获取数据，如果未达到过期时间则从本地存储器中获取数据。

6.根据权利要求5所述的数据获取装置，其特征在于，所述第一获取模块用于同时启动多个数据获取接口，每个数据获取接口为异步请求接口，并接收每个数据获取接口返回的数据。

7.根据权利要求6所述的数据获取装置，其特征在于，所述存储模块包括：

过滤单元，用于在数据获取接口返回的图表类型中无数据时，通过filter方法将无数据的图表过滤；

随机排序单元，用于在数据获取接口返回的图表类型有数据时，将有数据的图表进行随机排序后存储在localstorage中。

8.根据权利要求7所述的数据获取装置，其特征在于，所述设置模块用于通过设置localstorage中键值对和有效时长的对应关系，设置返回数据的过期时间。

9.一种计算设备，包括：

至少一个处理器；和

存储有程序指令的存储器，其中，所述程序指令被配置为适于由所述至少一个处理器执行，所述程序指令包括用于执行如权利要求1-4中任一项所述的数据获取方法的指令。

10.一种存储有程序指令的可读存储介质，当所述程序指令被计算设备读取并执行时，使得所述计算设备执行如权利要求1-4中任一项所述的数据获取方法。

Images