CN111061938A - 解决多次触发网络请求的防抖动函数方法、装置、计算机设备及存储介质 - Google Patents
解决多次触发网络请求的防抖动函数方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN111061938A CN111061938A CN201911302060.8A CN201911302060A CN111061938A CN 111061938 A CN111061938 A CN 111061938A CN 201911302060 A CN201911302060 A CN 201911302060A CN 111061938 A CN111061938 A CN 111061938A
- Authority
- CN
- China
- Prior art keywords
- request
- time point
- interface address
- network request
- unit
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/953—Querying, e.g. by the use of web search engines
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
Abstract
本发明涉及解决多次触发网络请求的防抖动函数方法、装置、计算机设备及存储介质;其中,方法,包括:定义网络请求入口函数;通过入口函数获取当前网络请求的接口地址1和请求时间点1;从浏览器本地存储获取上一次网络请求的接口地址2和请求时间点2;判断接口地址1和接口地址2是否一致,且请求时间点1与请求时间点2的时间差是否在预设阈值内;若是,则当前网络请求为重复请求,进行拦截处理;若否,则更新浏览器本地存储的接口地址和请求时间点为接口地址1和请求时间点1;将当前网络请求发送至后台进行处理。本发明不需要进行多次点击处理,且可以有效防止遗漏处理网络请求,提高了开发效率和质量。
Description
技术领域
本发明涉及多次触发网络请求的防抖动技术领域,更具体地说是指解决多次触发网络请求的防抖动函数方法、装置、计算机设备及存储介质。
背景技术
用户在web网页上点击按钮时,可能会因为点击过快,导致多次触发网络请求,如果没有一个有效的拦截机制,可能会触发多次后台数据操作,占用网络带宽,影响用户操作体验,甚至导致后台重复处理数据,如果涉及到后台数据修改,则危害极大;目前在前端防止用户重复触发网络请求,一般是通过点击某个按钮后,把该按钮变成不可点击状态,当网络请求结束后,再恢复按钮可点击状态;但是,现有技术带来的问题是控制比较繁琐,代码冗余比较多,需要针对每个可触发点(如按钮,超链接等)都做类似的处理,很难做到100%覆盖。
发明内容
本发明的目的在于克服现有技术的缺陷,提供解决多次触发网络请求的防抖动函数方法、装置、计算机设备及存储介质。
为实现上述目的,本发明采用于下技术方案:
解决多次触发网络请求的防抖动函数方法,包括以下步骤:
定义网络请求入口函数;
通过入口函数获取当前网络请求的接口地址1和请求时间点1;
通过浏览器本地存储获取上一次网络请求的接口地址2和请求时间点2;
判断接口地址1和接口地址2是否一致,且请求时间点1与请求时间点2的时间差是否在预设阈值内;
若是,则当前网络请求为重复请求,进行拦截处理;
若否,则更新浏览器本地存储的接口地址和请求时间点为接口地址1和请求时间点1;
将当前网络请求发送至后台进行处理。
其进一步技术方案为:所述“定义网络请求入口函数”步骤中,当各个web页面触发网络请求时,统一调用该定义的网络请求入口函数。
其进一步技术方案为:所述“通过浏览器本地存储获取上一次网络请求的接口地址2和请求时间点2”步骤中,还包括:记录当前网络请求和上一次网络请求的时间差。
其进一步技术方案为:所述预设阈值为80毫秒-120毫秒。
解决多次触发网络请求的防抖动函数装置,包括:定义单元,第一获取单元,第二获取单元,判断单元,拦截处理单元,更新单元,及发送单元;
所述定义单元,用于定义网络请求入口函数;
所述第一获取单元,用于通过入口函数获取当前网络请求的接口地址1和请求时间点1;
所述第二获取单元,用于通过浏览器本地存储获取上一次网络请求的接口地址2和请求时间点2;
所述判断单元,用于判断接口地址1和接口地址2是否一致,且请求时间点1与请求时间点2的时间差是否在预设阈值内;
所述拦截处理单元,用于对当前网络请求进行拦截处理;
所述更新单元,用于更新浏览器本地存储的接口地址和请求时间点为接口地址1和请求时间点1;
所述发送单元,用于将当前网络请求发送至后台进行处理。
其进一步技术方案为:所述定义单元中,当各个web页面触发网络请求时,统一调用该定义的网络请求入口函数。
其进一步技术方案为:所述第二获取单元中,还包括:记录当前网络请求和上一次网络请求的时间差。
其进一步技术方案为:所述预设阈值为80毫秒-120毫秒。
一种计算机设备,所述计算机设备包括存储器及处理器,所述存储器上存储有计算机程序,所述处理器执行所述计算机程序时实现如上述所述的解决多次触发网络请求的防抖动函数方法。
一种存储介质,所述存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时可实现如上述所述的解决多次触发网络请求的防抖动函数方法。
本发明与现有技术相比的有益效果是:通过定义网络请求入口函数,获取当前网络请求的接口地址1和请求时间点1,再从浏览器本地存储获取上一次网络请求的接口地址2和请求时间点2,然后判断接口地址1和接口地址2是否一致,且请求时间点1与请求时间点2的时间差是否在预设阈值内,若不同时满足,对当前网络请求进行拦截处理,若同时满足,则将当前网络请求发送至后台进行处理,不需要进行多次点击处理,且可以有效防止遗漏处理网络请求,提高了开发效率和质量。
下面结合附图和具体实施例对本发明作进一步描述。
附图说明
为了更清楚地说明本发明实施例技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的解决多次触发网络请求的防抖动函数方法的流程示意图;
图2为本发明实施例提供的解决多次触发网络请求的防抖动函数装置的示意性框图;
图3为本发明实施例提供的计算机设备的示意性框图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
应当理解,当在本说明书和所附权利要求书中使用时,术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在,但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
还应当理解,在此本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样,除非上下文清楚地指明其它情况,否则单数形式的“一”、“一个”及“该”意在包括复数形式。
还应当进一步理解,在本发明说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合,并且包括这些组合。
请参阅图1到图3所示的具体实施例,其中,请参阅图1所示,本发明公开了一种解决多次触发网络请求的防抖动函数方法,包括以下步骤:
S1,定义网络请求入口函数;
其中,当各个web页面触发网络请求时,统一调用该定义的网络请求入口函数,在该入口函数实现请求后台接口操作的动作。
S2,通过入口函数获取当前网络请求的接口地址1和请求时间点1;
S3,通过浏览器本地存储获取上一次网络请求的接口地址2和请求时间点2;
其中,S3还包括:记录当前网络请求和上一次网络请求的时间差。
S4,判断接口地址1和接口地址2是否一致,且请求时间点1与请求时间点2的时间差是否在预设阈值内;
S5,若同时满足,则当前网络请求为重复请求,进行拦截处理;
S6,若不同时满足,说明当前网络请求为有效的,则更新浏览器本地存储的接口地址和请求时间点为接口地址1和请求时间点1;
S7,将当前网络请求发送至后台进行处理。
其中,在本实施例中,所述预设阈值为80毫秒-120毫秒,可以高效处理。
本发明中通过定义网络请求入口函数,获取当前网络请求的接口地址1和请求时间点1,再从浏览器本地存储获取上一次网络请求的接口地址2和请求时间点2,然后判断接口地址1和接口地址2是否一致,且请求时间点1与请求时间点2的时间差是否在预设阈值内,若不同时满足,对当前网络请求进行拦截处理,若同时满足,则将当前网络请求发送至后台进行处理,不需要进行多次点击处理,且可以有效防止遗漏处理网络请求,提高了开发效率和质量。
请参阅图2所示,本发明还公开了一种解决多次触发网络请求的防抖动函数装置,包括:定义单元10,第一获取单元20,第二获取单元30,判断单元40,拦截处理单元50,更新单元60,及发送单元70;
所述定义单元10,用于定义网络请求入口函数;
所述第一获取单元20,用于通过入口函数获取当前网络请求的接口地址1和请求时间点1;
所述第二获取单元30,用于通过浏览器本地存储获取上一次网络请求的接口地址2和请求时间点2;
所述判断单元40,用于判断接口地址1和接口地址2是否一致,且请求时间点1与请求时间点2的时间差是否在预设阈值内;
所述拦截处理单元50,用于对当前网络请求进行拦截处理;
所述更新单元60,用于更新浏览器本地存储的接口地址和请求时间点为接口地址1和请求时间点1;
所述发送单元70,用于将当前网络请求发送至后台进行处理。
其中,所述定义单元10中,当各个web页面触发网络请求时,统一调用该定义的网络请求入口函数。
其中,所述第二获取单元30中,还包括:记录当前网络请求和上一次网络请求的时间差。
进一步地,所述预设阈值为80毫秒-120毫秒。
需要说明的是,所属领域的技术人员可以清楚地了解到,上述解决多次触发网络请求的防抖动函数装置和各单元的具体实现过程,可以参考前述方法实施例中的相应描述,为了描述的方便和简洁,在此不再赘述。
上述解决多次触发网络请求的防抖动函数装置可以实现为一种计算机程序的形式,该计算机程序可以在如图3所示的计算机设备上运行。
请参阅图3,图3是本申请实施例提供的一种计算机设备的示意性框图;该计算机设备500可以是终端,也可以是服务器,其中,终端可以是智能手机、平板电脑、笔记本电脑、台式电脑、个人数字助理和穿戴式设备等具有通信功能的电子设备。服务器可以是独立的服务器,也可以是多个服务器组成的服务器集群。
参阅图3,该计算机设备500包括通过系统总线501连接的处理器502、存储器和网络接口505,其中,存储器可以包括非易失性存储介质503和内存储器504。
该非易失性存储介质503可存储操作系统5031和计算机程序5032。该计算机程序5032包括程序指令,该程序指令被执行时,可使得处理器502执行一种解决多次触发网络请求的防抖动函数方法。
该处理器502用于提供计算和控制能力,以支撑整个计算机设备500的运行。
该内存储器504为非易失性存储介质503中的计算机程序5032的运行提供环境,该计算机程序5032被处理器502执行时,可使得处理器502执行一种解决多次触发网络请求的防抖动函数方法。
该网络接口505用于与其它设备进行网络通信。本领域技术人员可以理解,图3中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备500的限定,具体的计算机设备500可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
应当理解,在本申请实施例中,处理器502可以是中央处理单元(CentralProcessing Unit,CPU),该处理器502还可以是其他通用处理器、数字信号处理器(DigitalSignal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中,通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
本领域普通技术人员可以理解的是实现上述实施例的方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成。该计算机程序包括程序指令,计算机程序可存储于一存储介质中,该存储介质为计算机可读存储介质。该程序指令被该计算机系统中的至少一个处理器执行,以实现上述方法的实施例的流程步骤。
因此,本发明还提供一种存储介质。该存储介质可以为计算机可读存储介质。该存储介质存储有计算机程序,其中计算机程序包括程序指令,所述程序指令当被处理器执行时可实现上述的解决多次触发网络请求的防抖动函数方法。
所述存储介质可以是U盘、移动硬盘、只读存储器(Read-0nlyMemory,ROM)、磁碟或者光盘等各种可以存储程序代码的计算机可读存储介质。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
在本发明所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的。例如,各个单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。
本发明实施例方法中的步骤可以根据实际需要进行顺序调整、合并和删减。本发明实施例装置中的单元可以根据实际需要进行合并、划分和删减。另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以是两个或两个以上单元集成在一个单元中。
该集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分,或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,终端,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。
上述仅以实施例来进一步说明本发明的技术内容,以便于读者更容易理解,但不代表本发明的实施方式仅限于此,任何依本发明所做的技术延伸或再创造,均受本发明的保护。本发明的保护范围以权利要求书为准。
Claims (10)
1.解决多次触发网络请求的防抖动函数方法,其特征在于,包括以下步骤:
定义网络请求入口函数;
通过入口函数获取当前网络请求的接口地址1和请求时间点1;
通过浏览器本地存储获取上一次网络请求的接口地址2和请求时间点2;
判断接口地址1和接口地址2是否一致,且请求时间点1与请求时间点2的时间差是否在预设阈值内;
若是,则当前网络请求为重复请求,进行拦截处理;
若否,则更新浏览器本地存储的接口地址和请求时间点为接口地址1和请求时间点1;
将当前网络请求发送至后台进行处理。
2.根据权利要求1所述的解决多次触发网络请求的防抖动函数方法,其特征在于,所述“定义网络请求入口函数”步骤中,当各个web页面触发网络请求时,统一调用该定义的网络请求入口函数。
3.根据权利要求1所述的解决多次触发网络请求的防抖动函数方法,其特征在于,所述“通过浏览器本地存储获取上一次网络请求的接口地址2和请求时间点2”步骤中,还包括:记录当前网络请求和上一次网络请求的时间差。
4.根据权利要求1所述的解决多次触发网络请求的防抖动函数方法,其特征在于,所述预设阈值为80毫秒-120毫秒。
5.解决多次触发网络请求的防抖动函数装置,其特征在于,包括:定义单元,第一获取单元,第二获取单元,判断单元,拦截处理单元,更新单元,及发送单元;
所述定义单元,用于定义网络请求入口函数;
所述第一获取单元,用于通过入口函数获取当前网络请求的接口地址1和请求时间点1;
所述第二获取单元,用于通过浏览器本地存储获取上一次网络请求的接口地址2和请求时间点2;
所述判断单元,用于判断接口地址1和接口地址2是否一致,且请求时间点1与请求时间点2的时间差是否在预设阈值内;
所述拦截处理单元,用于对当前网络请求进行拦截处理;
所述更新单元,用于更新浏览器本地存储的接口地址和请求时间点为接口地址1和请求时间点1;
所述发送单元,用于将当前网络请求发送至后台进行处理。
6.根据权利要求5所述的解决多次触发网络请求的防抖动函数装置,其特征在于,所述定义单元中,当各个web页面触发网络请求时,统一调用该定义的网络请求入口函数。
7.根据权利要求5所述的解决多次触发网络请求的防抖动函数装置,其特征在于,所述第二获取单元中,还包括:记录当前网络请求和上一次网络请求的时间差。
8.根据权利要求5所述的解决多次触发网络请求的防抖动函数装置,其特征在于,所述预设阈值为80毫秒-120毫秒。
9.一种计算机设备,其特征在于,所述计算机设备包括存储器及处理器,所述存储器上存储有计算机程序,所述处理器执行所述计算机程序时实现如权利要求1-4中任一项所述的解决多次触发网络请求的防抖动函数方法。
10.一种存储介质,其特征在于,所述存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时可实现如权利要求1-4中任一项所述的解决多次触发网络请求的防抖动函数方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911302060.8A CN111061938A (zh) | 2019-12-17 | 2019-12-17 | 解决多次触发网络请求的防抖动函数方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911302060.8A CN111061938A (zh) | 2019-12-17 | 2019-12-17 | 解决多次触发网络请求的防抖动函数方法、装置、计算机设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111061938A true CN111061938A (zh) | 2020-04-24 |
Family
ID=70302010
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911302060.8A Pending CN111061938A (zh) | 2019-12-17 | 2019-12-17 | 解决多次触发网络请求的防抖动函数方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111061938A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113254067A (zh) * | 2021-05-25 | 2021-08-13 | 四川虹魔方网络科技有限公司 | 一种基于Rx框架防止功能抖动的方法 |
CN114189559A (zh) * | 2021-12-14 | 2022-03-15 | 平安付科技服务有限公司 | 基于Axios的接口重复请求处理方法及系统 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6070184A (en) * | 1997-08-28 | 2000-05-30 | International Business Machines Corporation | Server-side asynchronous form management |
WO2014121713A1 (zh) * | 2013-02-06 | 2014-08-14 | 北京奇虎科技有限公司 | 一种网址拦截处理的方法、装置和系统 |
CN109040209A (zh) * | 2018-07-23 | 2018-12-18 | 深圳市牛鼎丰科技有限公司 | 拦截重复请求的方法、装置、计算机设备及存储介质 |
-
2019
- 2019-12-17 CN CN201911302060.8A patent/CN111061938A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6070184A (en) * | 1997-08-28 | 2000-05-30 | International Business Machines Corporation | Server-side asynchronous form management |
WO2014121713A1 (zh) * | 2013-02-06 | 2014-08-14 | 北京奇虎科技有限公司 | 一种网址拦截处理的方法、装置和系统 |
CN109040209A (zh) * | 2018-07-23 | 2018-12-18 | 深圳市牛鼎丰科技有限公司 | 拦截重复请求的方法、装置、计算机设备及存储介质 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113254067A (zh) * | 2021-05-25 | 2021-08-13 | 四川虹魔方网络科技有限公司 | 一种基于Rx框架防止功能抖动的方法 |
CN114189559A (zh) * | 2021-12-14 | 2022-03-15 | 平安付科技服务有限公司 | 基于Axios的接口重复请求处理方法及系统 |
CN114189559B (zh) * | 2021-12-14 | 2024-02-06 | 平安付科技服务有限公司 | 基于Axios的接口重复请求处理方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109586969B (zh) | 内容分发网络容灾方法、装置、计算机设备及存储介质 | |
EP2948846A1 (en) | Resource calling for hybrid applications | |
WO2020181810A1 (zh) | 应用于集群内多级缓存的数据处理方法和装置 | |
CN110851159B (zh) | 业务规则更新方法、装置、计算机设备和存储介质 | |
CN111061938A (zh) | 解决多次触发网络请求的防抖动函数方法、装置、计算机设备及存储介质 | |
CN109522500B (zh) | 网页显示方法、装置、终端和存储介质 | |
CN110995539A (zh) | 业务系统监控方法、装置及计算机设备 | |
CN111046311A (zh) | 实现pc端无痕迭代版本的方法、装置、计算机设备及存储介质 | |
CN111338628B (zh) | 组件渲染方法及设备 | |
CN110808877A (zh) | 基于接口响应时长的统计分析方法、装置及计算机设备 | |
CN112685669A (zh) | 一种页面渲染方法以及系统 | |
CN112612513A (zh) | 消息中间件的升级方法、装置、计算机设备及存储介质 | |
CN112565406A (zh) | 一种灰度发布方法、灰度发布系统及电子设备 | |
CN114189559A (zh) | 基于Axios的接口重复请求处理方法及系统 | |
CN108900482B (zh) | 脚本的执行方法、服务器管理系统及存储介质 | |
WO2018023966A1 (zh) | 一种缓存策略的确定方法及装置 | |
CN109740098B (zh) | 一种基于多页面窗口的应用处理方法及电子设备 | |
CN113536168B (zh) | 组件处理方法及设备 | |
US9582368B2 (en) | Method and apparatus for text input protection | |
US20170109268A1 (en) | Dynamic adjustment of instrumentation scope | |
CN110020268B (zh) | 页面返回方法及装置 | |
CN110851258A (zh) | Api调用方法、装置、计算机设备及存储介质 | |
CN111045835A (zh) | 一种信息推送方法、装置、电子设备及存储介质 | |
CN110543349B (zh) | 一种应用启动加速方法、装置及计算机可读存储介质 | |
US10936431B2 (en) | Method, device and computer readable medium for restoring files |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |