[发明专利]一种按钮事件处理方法和装置

说明书

技术领域

本发明涉及WEB数据处理领域，具体涉及一种应用于WEB按钮事件的处理方法。

背景技术

Web应用上的按钮功能主要用于把前端的数据提交数据到后台进行一些特定的操作并返回处理结果。当前常用的方式有三种，第一种，比较原始的，例如Asp.net提供的按钮控件，通过控件内部的方法和事件生成页面和相应的事件。这种方式使用简单，但这种方式不够灵活，性能也比较差，目前大系统开发已经很少会这么去实现。第二种，基于表单的按钮提交，通过特有的表单提交事件，将表单数据提交到后台。这种方式局限于表单的提交，且很难实现提交过程中的个性化。第三种，也就是目前web系统构建有关按钮提交中比较常用的方式，通过jq中的ajax方法把指定的数据提交都后台。这种方式比较灵活，适用绝大部分的应用场景。目前的按钮相关的技术虽然已经满足了web系统开发中的需求，但是开发效率比较低且由于开发人员的经验和知识的参差不齐很难把控写出完美的按钮功能，每个按钮在提交的过程中，实际可能包含了很多的操作和隐藏的bug，例如可能出现因为网络的不稳定导致重复提交的问题。

发明内容

为了克服现有技术的不足，本发明的目的在于提供一种按钮事件处理方法和装置，解决现有WEB按钮因网络速度比较慢而导致用户重复提交的问题。

为解决上述问题，本发明所采用的技术方案如下：

方案一：

一种按钮事件处理方法，包括以下步骤：

S1、监测前端的按钮事件，当按钮事件触发时获取本次按钮事件中的待处理数据，并执行下一步骤；

S2、解绑前端的按钮事件，以及改变前端的按钮的样式和文字；

S3、将待处理数据提交到后台服务器；

S4、获取后台服务器处理后返回的处理结果，根据处理结果判断是否处理成功，若是，则执行步骤S5，若否，则执行步骤S6；

S5、根据处理结果判断是否需要执行用户自定义的操作，若是，则直接执行用户自定义的操作，若否，则执行步骤S6；

S6、重新绑定前端的按钮事件，还原前端的按钮的样式和文字。

优选的，在步骤S1与S2之间还包括：

S11：验证前台预设的验证规则，判断是否验证通过，若是，则执行下一步骤，若否，则结束流程。

优选的，在步骤S3中，通过ajax技术将待处理数据提交到后台服务器。

优选的，所述待处理数据中包含身份认证信息。

优选的，所述用户自定义的操作为跳转至新页面的操作。

方案二：

一种按钮事件处理装置，包括以下模块：

事件监测触发模块：用于监测前端的按钮事件，当按钮事件触发时获取本次按钮事件中的待处理数据，并执行下一模块；

事件解绑模块：用于解绑前端的按钮事件，以及改变前端的按钮的样式和文字；

数据提交模块：用于将待处理数据提交到后台服务器；

判断模块：用于获取后台服务器处理后返回的处理结果，根据处理结果判断是否处理成功，若是，则执行判断执行模块，若否，则执行重新绑定模块；

判断执行模块：用于根据处理结果判断是否需要执行用户自定义的操作，若是，则直接执行用户自定义的操作，若否，则执行重新绑定模块；

重新绑定模块：用于重新绑定前端的按钮事件，还原前端的按钮的样式和文字。

优选的，在事件监测触发模块与事件解绑模块之间还包括：

验证模块：用于验证前台预设的验证规则，判断是否验证通过，若是，则执行下一模块，若否，则结束流程。

优选的，在数据提交模块中，通过ajax技术将待处理数据提交到后台服务器。

优选的，所述待处理数据中包含身份认证信息。

优选的，所述用户自定义的操作为跳转至新页面的操作。

相比现有技术，本发明的有益效果在于：能够有效的防止提交数据过程中，因网络速度比较慢而导致用户重复提交的问题，同时，提高的用户操作按钮的用户体验。

附图说明

图1为本发明按钮事件处理方法的流程图；

图2为本发明按钮事件处理装置的结构图。

具体实施方式

下面，结合附图以及具体实施方式，对本发明做进一步描述：

如图1所示，本发明公开了一种按钮事件处理方法，包括以下步骤：