CN111078206B

CN111078206B - 表单提交方法及系统

Info

Publication number: CN111078206B
Application number: CN201911165643.0A
Authority: CN
Inventors: 张文杰
Original assignee: Beike Technology Co Ltd
Current assignee: Beike Technology Co Ltd
Priority date: 2019-11-25
Filing date: 2019-11-25
Publication date: 2023-03-24
Anticipated expiration: 2039-11-25
Also published as: CN111078206A

Abstract

本发明涉及互联网信息处理技术领域，提供一种表单提交方法，包括：获取预设的第一表单提交函数，并获取执行方法参数；所述执行方法参数根据待提交的表单的种类预先设置；根据所述执行方法参数，获取预设的防重复提交函数；将所述第一表单提交函数嵌套进所述防重复提交函数，获得第二表单提交函数；根据所述执行方法参数调用所述第二表单提交函数进行表单提交。本发明提供的技术方案，能够简化防重复提交逻辑代码，大大减少开发人员的工作量。

Description

表单提交方法及系统

技术领域

本发明涉及互联网信息处理技术领域，特别涉及一种表单提交方法及一种表单提交系统。

背景技术

表单在网页中主要负责数据采集功能，它将互联网用户通过文本域、复选框等形式输入的各种数据进行采集后发送到服务器进行处理。例如，用户在某互联网站的注册页面填写注册信息，点击提交按钮，会触发客户端的浏览器向服务器提交注册表单，以使服务器对注册表单进行业务处理。

为了防止表单在一定时间内重复提交而导致的服务器过载和资源浪费的问题，在现有技术中，对于每一项表单的提交操作，均需专门调用与其对应的防重复提交代码逻辑。也就是说，开发人员在开发过程中，需要为每一项表单提交操作设计防止其重复提交的代码逻辑。由于不同种类的表单需要不同的防重复提交逻辑，即使是相同种类的表单，也需要单独为其设计防重复提交逻辑，因此，对于一个表单繁多的系统来说，与表单相对应的防重复提交逻辑的数量也相当大。显然，现有技术的表单提交方式使得开发人员的工作量大大增加，整个系统的防重复提交逻辑代码也非常庞大。

发明内容

有鉴于此，本发明旨在提出一种表单提交方法及系统，能够简化防重复提交逻辑代码，大大减少开发人员的工作量。

为达到上述目的，本发明的技术方案是这样实现的：

一种表单提交方法，该方法包括：

获取预设的第一表单提交函数，并获取执行方法参数；所述执行方法参数根据待提交的表单的种类预先设置；

根据所述执行方法参数，获取预设的防重复提交函数；

将所述第一表单提交函数嵌套进所述防重复提交函数，获得第二表单提交函数；

根据所述执行方法参数调用所述第二表单提交函数进行表单提交。

进一步的，所述防重复提交函数用于：

定义所述执行方法参数；

根据定义的执行方法参数，执行与所述执行方法参数对应的防重复提交方法。

进一步的，所述防重复提交函数还用于：

定义防重复提交标识，以判断所述防重复提交方法是否能够被执行；

当所述防重复提交方法能够被执行时，根据定义的执行方法参数，执行与所述执行方法参数对应的防重复提交方法。

优选的，定义所述执行方法参数包括定义以下项目的至少一项：

定义是否立即调用待调用函数；

定义是否允许重复调用待调用函数；

若允许重复调用，定义重复调用的时间间隔；

若允许重复调用，定义重复调用的时间间隔是否需要重置；

若允许重复调用，定义是否以异步操作形式进行重复调用。

优选的，根据所述执行方法参数调用所述第二表单提交函数进行表单提交，包括：

将所述执行方法参数作为形参传入所述第二表单提交函数，并调用传入形参后的第二表单提交函数进行表单提交。

本发明所述的表单提交方法，将已有的第一表单提交函数嵌套进防重复提交函数中，获得第二表单提交函数，使该第二表单提交函数具有防重复提交功能。当根据预设的执行方法参数对上述第二表单提交函数进行调用时，第二表单提交函数会执行表单提交操作和与上述执行方法参数对应的防重复提交操作。也就是说，本发明在对表单进行提交时，不需要对每一项表单都单独设计一个防重复提交逻辑，而只需要在提交时对表单本身已有的第一表单提交函数进行处理，使其具有防重复提交功能，而防重复提交功能的具体种类可通过执行方法参数来确定。可见，本发明提供的技术方案，只需设计一套通用的防重复提交逻辑，每一项表单根据自身的种类设置不同的执行方法参数即可，与现有技术相比，本发明不需要对每一项表单都设计其独立的防重复提交逻辑，因此能够大大简化防重复提交逻辑代码，从而大大减少开发人员的工作量。

本发明的另一目的在于提出一种表单提交系统，能够简化防重复提交逻辑代码，从而大大减少开发人员的工作量。

为达到上述目的，本发明的技术方案是这样实现的：

一种表单提交系统，所述系统包括：

第一获取模块，用于获取预设的第一表单提交函数，并获取执行方法参数；所述执行方法参数根据待提交的表单的种类预先设置；

第二获取模块，用于根据所述执行方法参数，获取预设的防重复提交函数；

嵌套模块，用于将所述第一表单提交函数嵌套进所述防重复提交函数，获得第二表单提交函数；

调用模块，用于根据所述执行方法参数调用所述第二表单提交函数进行表单提交。

进一步的，所述防重复提交函数用于：

定义所述执行方法参数；根据定义的执行方法参数，执行与所述执行方法参数对应的防重复提交方法。

进一步的，所述防重复提交函数还用于：

定义防重复提交标识，以判断所述防重复提交方法是否能够被执行；当所述防重复提交方法能够被执行时，根据定义的执行方法参数，执行与所述执行方法参数对应的防重复提交方法。

所述表单提交系统与上述表单提交方法相对于现有技术所具有的优势相同，在此不再赘述。

本发明还提供一种计算机存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任意一项表单提交方法。

本发明还提供一种终端设备，包括处理器，所述处理器用于执行上述任意一项表单提交方法。本发明的其它特征和优点将在随后的具体实施方式部分予以详细说明。

附图说明

构成本发明的一部分的附图用来提供对本发明的进一步理解，本发明的示意性实施方式及其说明用于解释本发明，并不构成对本发明的不当限定。

在附图中：

图1为本发明实施例的方法流程图；

图2为本发明实施例的系统结构图。

具体实施方式

以下结合附图对本发明实施例的具体实施方式进行详细说明。应当理解的是，此处所描述的具体实施方式仅用于说明和解释本发明实施例，并不用于限制本发明实施例。

图1为本发明实施例的方法流程图，该方法包括：

步骤S101，获取预设的第一表单提交函数，并获取执行方法参数；所述执行方法参数根据待提交的表单的种类预先设置；

本实施例中，所述第一表单提交函数为每项表单本身已有的表单提交函数，其执行具体的表单提交功能，将表单上传至服务器中。对于不同种类的表单，需要不同的防重复提交功能，例如，有的表单需要对一定时间内的表单提交次数进行限制，有的表单需要在用户操作进行一段时间间隔后发起提交，还有的表单需要在一次请求完成后才能发起第二次请求操作，因此，针对不同种类的表单，本实施例通过上述执行方法参数来具体设置每项表单的防重复提交功能，使得在后续的函数调用过程中，对不同的表单进行不同的防重复提交处理。

本实施例中，预设的第一表单提交函数为submitHandler(){}，执行方法参数为options。

步骤S102，根据所述执行方法参数，获取预设的防重复提交函数；

本实施例所设计的防重复提交函数具有通用性，使得每一项表单均可对其进行调用，实现不同的防重复提交功能。

作为一种可选的实现方式，本实施例中的防重复提交函数的功能代码如下：

/>

/>

/>

下面对上述代码内容按照上述行标号进行详细解释：

第1行：方法声明、参数定义。声明防重复提交函数为debounce()，其可以接收handle和options两个参数，其中，handle在函数调用时为必传的形参，本实施例中，它将被第一表单提交函数为submitHandler(){}所替代。options在函数调用时为非必传的形参，本实施例中，其具体为开发人员根据表单种类对执行方法参数的配置。

第2行：timeoutID定义防重复提交标识，以判断防重复提交方法是否能够被执行。具体地，当timeoutID为空时，表示可以调用相应的函数，即防重复提交方法能够被执行；在相应函数被调用执行后，将timeoutID置为非空，表示相应的函数不能被调用，防重复提交方法不能被执行。通过对timeoutID的设置，能够决定是否启用防重复提交功能。

第3-8行：定义执行方法参数，其中，

isFront表示是否立即调用待调用函数；

timeGap表示是否允许重复调用待调用函数；若允许重复调用，设置重复调用的时间间隔，该时间间隔默认为100ms；

isReset表示若允许重复调用，在进行重复调用处理时，重复调用的时间间隔是否需要重置，默认设置为不重置；

isPromise表示若允许重复调用，是否以异步操作Promise形式进行重复调用，默认设置为否，即默认为不以异步操作Promise形式进行重复调用。

第9-11行：错误判断。若用户传入的handle为非函数，抛出错误信息告知用户。

第13行：返回给用户新的包含了防重复提交功能的表单提交函数，每次表单提交时调用该函数，就会在提交表单时触发防重复提交逻辑。

第14行：判断防重复提交标识timeoutID，判断防重复提交方法是否能够被执行，timeoutID为空时，表示防重复提交方法能够被执行；timeoutID为true或者非空时，表示防重复提交方法不能被执行。

第16-23行：如果防重复提交逻辑设置了重复调用时间间隔，且该时间间隔需要重置或者以Promise形式处理，则重置上述时间间隔。

第26-34行：如果防重复提交逻辑还没被调用且时间间隔以Promise形式处理，则立即调用防重复提交逻辑。当Promise处理结束后，重置防重复提交标识timeoutID为空。

第35-38行：如果是立即调用处理，首先设置时间间隔timeGap后清空防重复提交标识timeoutID，然后立即调用防重复提交逻辑。

第39-42行：默认设置为非立即调用处理，此时，设置时间间隔timeGap后调用防重复提交逻辑，然后清空防重复提交标识timeoutID。

由上述防重复提交函数的功能代码可知，防重复提交函数执行以下操作：定义所述执行方法参数；根据定义的执行方法参数，执行与所述执行方法参数对应的防重复提交方法。例如，根据不同的options，执行上述代码的第16-23行或第26-34行或第35-38行或第39-42行。进一步的，上述代码中还设置了防重复提交标识timeoutID，用于判断防重复提交方法是否能够被执行。因此，本实施例中，防重复提交函数还执行以下操作：首先对timeoutID的值进行判断，当timeoutID为空时，即当防重复提交方法能够被执行时，根据定义的执行方法参数，执行与所述执行方法参数对应的防重复提交方法。

当然，本申请中的方法并不局限于上述代码实现方式，该方式仅仅是一种可能的方法，本申请不做限定。

步骤S103，将所述第一表单提交函数嵌套进所述防重复提交函数，获得第二表单提交函数；

本实施例中，用户在提交表单时，将该表单本身已有的表单提交函数submitHandler(){}传入、并嵌套进步骤S102中的防重复提交函数，以获得新的具有防重复提交功能的第二表单提交函数。本实施例中，将函数submitHandler(){}作为防重复提交函数的一个形参传入，所获得的第二表单提交函数为debounce(submitHandler(){},options)。

步骤S104，根据所述执行方法参数调用所述第二表单提交函数进行表单提交。

本实施例中，根据执行方法参数调用第二表单提交函数进行表单提交的具体操作方法为，将执行方法参数作为形参传入第二表单提交函数，并调用传入形参后的第二表单提交函数进行表单提交。即，将步骤S103中得到的函数debounce(submitHandler(){},options)中的options进行具体设置后，作为形参传入，然后直接调用函数debounce(submitHandler(){},options)进行表单提交，在表单提交过程中该函数自动对表单进行所需的防重复提交处理。

以下介绍几种本实施例的实际应用场景：

场景一：表单在一段时间内只允许提交一次

例如，在抢票或者查询数据时，防止对页面的访问过于频繁，避免服务器的过载，要求2秒内只能做一次查询提交。根据本发明的技术方案，将已有的表单提交函数submitHandler(){}嵌套进防重复提交函数debounce()中，并对执行方法参数options进行设置，获得以下新的表单提交函数：

debounce(submitHandler(){},{timeGap:2000})；

对上述函数进行调用后，即可实现表单在2秒内只提交一次的功能。

场景二：表单需在一段时间间隔后发起提交

例如，在目前的各种搜索引擎中，一般会设计实时搜索功能，即用户在搜索框中输入关键字结束后，能够实时得到搜索结果。问题是，用户在进行一次搜索时会输入多个字，那么系统如何判断用户是否输入结束？如果用户在输入过程中停顿一下又会怎样呢？我们不可能对用户输入的每一个字都进行一次搜索，这样会做很多无意义的搜索，且浪费资源。因此，上述场景也属于表单防重复提交的一种。在实际应用中，一般会在用户输入关键字后的1秒左右的时间算作输入结束，如果1秒内又有新的输入，则会在下一次输入停顿后重新开始计时。

根据本发明的技术方案，将已有的表单提交函数submitHandler(){}嵌套进防重复提交函数debounce()中，并对执行方法参数options进行设置，获得以下新的表单提交函数：

debounce(submitHandler(){},{timeGap:1000,isReset:true})；

对上述函数进行调用后，即可实现表单在用户输入结束1秒后发起提交的功能。

场景三：表单在一次请求结束后才能发起第二次请求

这种场景应用得比较多，发请求操作一般采用异步操作的前端代码，一般采用Promise形式。根据本发明的技术方案，将已有的表单提交函数submitHandler(){}嵌套进防重复提交函数debounce()中，并对执行方法参数options进行设置，获得以下新的表单提交函数：

debounce(submitHandler(){},{isPromise:true})；

对上述函数进行调用后，即可实现表单在一次请求结束后才发起第二次请求的功能。

其它的应用场景与上述三个场景类似，只需要将已有的表单提交函数嵌套进防重复提交函数中，并对执行方法参数进行具体设置即可。

与上述实施方式相对应地，本发明还提供一种表单提交系统，如图2所示，该系统包括：

第二获取模块，用于获取预设的防重复提交函数；

进一步的，所述防重复提交函数用于：

进一步的，所述防重复提交函数还用于：

定义是否立即调用待调用函数；

定义是否允许重复调用待调用函数；

若允许重复调用，定义重复调用的时间间隔；

若允许重复调用，定义重复调用的时间间隔是否需要重置；

若允许重复调用，定义是否以异步操作形式进行重复调用。

上述系统的工作原理、工作流程等涉及具体实施方式的内容可参见本发明所提供的表单提交方法的具体实施方式，此处不再对相同的技术内容进行详细描述。

本发明还提供一种计算机存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现本实施例所述的表单提交方法。

本发明还提供一种终端设备，包括处理器，该处理器用于执行本实施例所述的表单提交方法。

本发明所述的表单提交方法及系统，将已有的第一表单提交函数嵌套进防重复提交函数中，获得第二表单提交函数，使该第二表单提交函数具有防重复提交功能。当根据预设的执行方法参数对上述第二表单提交函数进行调用时，第二表单提交函数会执行表单提交操作和与上述执行方法参数对应的防重复提交操作。也就是说，本发明在对表单进行提交时，不需要对每一项表单都单独设计一个防重复提交逻辑，而只需要在提交时对表单本身已有的第一表单提交函数进行处理，使其具有防重复提交功能，而防重复提交功能的具体种类可通过执行方法参数来确定。可见，本发明提供的技术方案，只需设计一套通用的防重复提交逻辑，每一项表单根据自身的种类设置不同的执行方法参数即可，与现有技术相比，本发明不需要对每一项表单都设计其独立的防重复提交逻辑，因此能够大大简化防重复提交逻辑代码，从而大大减少开发人员的工作量。

本发明支持以下防重复提交逻辑：支持设置前置延迟防重复提交逻辑、支持设置立即执行防重复提交逻辑、支持设置时间间隔防重复提交逻辑、支持设置时间重置防重复提交逻辑、支持设置Promise形式的防重复提交逻辑。

以上结合附图详细描述了本发明实施例的可选实施方式，但是，本发明实施例并不限于上述实施方式中的具体细节，在本发明实施例的技术构思范围内，可以对本发明实施例的技术方案进行多种简单变型，这些简单变型均属于本发明实施例的保护范围。

另外需要说明的是，在上述具体实施方式中所描述的各个具体技术特征，在不矛盾的情况下，可以通过任何合适的方式进行组合。为了避免不必要的重复，本发明实施例对各种可能的组合方式不再另行说明。

本领域技术人员可以理解实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序存储在一个存储介质中，包括若干指令用以使得单片机、芯片或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

此外，本发明实施例的各种不同的实施方式之间也可以进行任意组合，只要其不违背本发明实施例的思想，其同样应当视为本发明实施例所公开的内容。

Claims

1.一种表单提交方法，其特征在于，所述方法包括：

根据所述执行方法参数，获取预设的防重复提交函数；

2.根据权利要求1所述的表单提交方法，其特征在于，所述防重复提交函数用于：

定义所述执行方法参数；

3.根据权利要求2所述的表单提交方法，其特征在于，所述防重复提交函数还用于：

4.根据权利要求2所述的表单提交方法，其特征在于，定义所述执行方法参数包括定义以下项目的至少一项：

定义是否立即调用待调用函数；

定义是否允许重复调用待调用函数；

若允许重复调用，定义重复调用的时间间隔；

若允许重复调用，定义重复调用的时间间隔是否需要重置；

若允许重复调用，定义是否以异步操作形式进行重复调用。

5.根据权利要求4所述的表单提交方法，其特征在于，根据所述执行方法参数调用所述第二表单提交函数进行表单提交，包括：

6.一种表单提交系统，其特征在于，所述系统包括：

7.根据权利要求6所述的表单提交系统，其特征在于，所述防重复提交函数用于：

8.根据权利要求7所述的表单提交系统，其特征在于，所述防重复提交函数还用于：

9.一种计算机存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至5中任意一项所述的表单提交方法。

10.一种终端设备，其特征在于，包括处理器，所述处理器用于执行如权利要求1至5中任意一项所述的表单提交方法。