web开发之一（按钮的重复提交）

今天在开发中，遇到一个很奇怪的现象。就是当疯狂点击某个按钮的时候，页面有不响应的情况出现。以前做web开发，听别人说过重复提交的事情，但是没有遇到过实际的问题，故也没有在意和理解。今天算是真正的理解了为什么需要避免重复提交。

对于ajax请求，可以考虑在点击按钮后，灰化按钮。当ajax请求结束后再恢复按钮，以此来避免按钮的重复提交。

另外，还可以考虑在点击某个按钮后，出现一个遮罩层，彻底避免用户的操作，此时，显示进度条或者菊花，直到ajax请求完成。

第二种方法更加好一点，也更加美观。第一种方法实现简单，但是，当页面中有多个提交按钮的时候，就需要集体控制多个按钮的灰化和恢复。比较麻烦，也容易引入问题。

转载于:https://www.cnblogs.com/howdoyoudo/archive/2013/06/12/3132830.html