一种防止表单重复提交的方法技术

本发明专利技术公开了一种防止表单重复提交的方法，在用户进入表单填写页面时，通过http请求调用后端接口获取一个token，由后端将token存入redis中并返回给前端；则在用填完表单点击提交按钮时，前端将收到的token信息及用户提交的数据一并传入后端；由后端从redis中查询是否有该token存在；若存在，则删除该token，并处理后续逻辑；若不存在，则说明是重复提交的信息，直接返回错误信息。本发明专利技术的技术方案可有效解决在当前端页面卡顿时，用户连续点了两次提交，由于提交两份相同的数据，导致用户数据异常影响正常使用的问题，采用后端控制，安全不易绕过，可高效解决常见的web系统数据重复提交导致数据异常问题，具有方案简单可行且易于与项目集成的优点。

A Method to Prevent Repeated Submission of Forms

【技术实现步骤摘要】
一种防止表单重复提交的方法
本专利技术涉及web数据验证
，特别涉及一种防止表单重复提交的方法。
技术介绍
通常web系统都有这种情况，用户在完成页面表单填写后，需要点击确定按钮进行数据提交，而点击确定的时候，常出现由于误操作连续两次点击确定按钮或由于卡顿页面没反应用户连续点击多次，而若程序不对这种情况进行限制的话，就有可能连续处理多次用户的请求，从而导致用户数据异常。比如：用户在填写注册信息时，如果出现多次点击确定多次递交表单的情况，那么在后端系统内就可能存在多条一模一样的数据，造成用户无法登录或系统异常。
技术实现思路
本专利技术的目的是克服上述
技术介绍
中不足，提供一种防止表单重复提交的方法，采用后端控制，安全不易绕过，可高效解决常见的web系统数据重复提交导致数据异常问题，具有方案简单可行且易于与项目集成的优点。为了达到上述的技术效果，本专利技术采取以下技术方案：一种防止表单重复提交的方法，其特征在于，包括以下步骤：A.用户进入表单填写页面后，前端向后端发起获取token的请求；B.后端生成token返回给前端，并对生成的token进行保存；C.前端收到token后即进行保存，并在用户填写完表单点击确定按钮后将用户填写的数据及token一起提交到后端；D.后端获取前端传过来的token，并检测保存的数据中是否存在该token，若存在则删除保存的该token并继续后面的业务逻辑处理，否则，向前端返回错误提示。进一步地，所述步骤A中前端向后端发起获取token的请求时具体是通过JavaScript发起http请求。进一步地，所述步骤B中，后端保存返回给前端的token时具体是通过将token缓存到redis中，实际中，也可采用其他存储方式。进一步地，所述步骤C中前端保存收到的token时具体是将获取的token保存到变量中，实际中，也可采用其他存储方式。本专利技术与现有技术相比，具有以下的有益效果：本专利技术的防止表单重复提交的方法，在用户进入表单填写页面时，通过http请求调用后端接口获取一个token，由后端将token存入redis中并返回给前端；则在用填完表单点击提交按钮时，前端将收到的token信息及用户提交的数据一并传入后端；由后端从redis中查询是否有该token存在；若存在，则删除该token，并处理后续逻辑；若token不存在，则说明是重复提交的信息，直接返回错误信息。因此，本专利技术的技术方案可有效解决在当前端页面卡顿时，用户连续点了两次提交，由于提交两份相同的数据，导致用户数据异常影响正常使用的问题，本专利技术的方法采用后端控制，安全不易绕过，可高效解决常见的web系统数据重复提交导致数据异常问题，具有方案简单可行且易于与项目集成的优点。附图说明图1是本专利技术的防止表单重复提交的方法的流程示意图。具体实施方式下面结合本专利技术的实施例对本专利技术作进一步的阐述和说明。实施例：实施例一：如图1所示，一种防止表单重复提交的方法，具体包括以下步骤：步骤一：用户进入表单填写页面，如本实施例中为用户注册页面；步骤二：用户进入页面后，前端通过JavaScript向后端发起获取token的http请求；步骤三：后端生成token缓存到redis中并将token返回给前端；步骤四：前端将获取到的token保存到变量中；步骤五：当用户填写完表单后，点击确定按钮时，后端将用户填写的数据及变量中保存的token一起提交到后端；步骤六：后端获取前端传过来的token，并检测redis中是否存在该token；步骤七：若redis中存在该token，后端则删除redis中该token并继续后面的业务逻辑处理；若不存在，则直接返回错误提示信息给前端。由上可知，本专利技术的技术方案可有效解决在当前端页面卡顿时，用户连续点了两次提交，由于提交两份相同的数据，导致用户数据异常影响正常使用的问题，本专利技术的方法采用后端控制，安全不易绕过，可高效解决常见的web系统数据重复提交导致数据异常问题，具有方案简单可行且易于与项目集成的优点。可以理解的是，以上实施方式仅仅是为了说明本专利技术的原理而采用的示例性实施方式，然而本专利技术并不局限于此。对于本领域内的普通技术人员而言，在不脱离本专利技术的精神和实质的情况下，可以做出各种变型和改进，这些变型和改进也视为本专利技术的保护范围。本文档来自技高网...

【技术保护点】
1.一种防止表单重复提交的方法，其特征在于，包括以下步骤：A.用户进入表单填写页面后，前端向后端发起获取token的请求；B.后端生成token返回给前端，并对生成的token进行保存；C.前端收到token后即进行保存，并在用户填写完表单点击确定按钮后将用户填写的数据及token一起提交到后端；D.后端获取前端传过来的token，并检测保存的数据中是否存在该token，若存在则删除保存的该token并继续后面的业务逻辑处理，否则，向前端返回错误提示。

【技术特征摘要】
1.一种防止表单重复提交的方法，其特征在于，包括以下步骤：A.用户进入表单填写页面后，前端向后端发起获取token的请求；B.后端生成token返回给前端，并对生成的token进行保存；C.前端收到token后即进行保存，并在用户填写完表单点击确定按钮后将用户填写的数据及token一起提交到后端；D.后端获取前端传过来的token，并检测保存的数据中是否存在该token，若存在则删除保存的该token并继续后面的业务逻辑处理，否则，向前端返回错误提示。2...

【专利技术属性】
技术研发人员：陈波，
申请(专利权)人：四川长虹电器股份有限公司，
类型：发明
国别省市：四川,51