ajax重复提交解决-亲测有效

问题：页面按钮快速点击，就会多次触发ajax请求，导致数据重复提交，生成脏数据。、
作为一个后端开发，在遇到这样的js问题时候，肯定会很懵币。但是，不要方。
首先，页面引入jquery的blockUI插件。
blockUI插件是什么：http://bookshadow.com/weblog/2014/09/26/jquery-blockui-js-introduction/
jQuery BlockUI插件可以在不锁定浏览器的同时，模拟同步模式下发起Ajax请求的行为。该插件激活时，会阻止用户在页面进行的操作，直到插件被关闭。BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为。
接下来说下怎样实现：
在function开始的时候，锁定function ajax提交返回之后，解除锁定。大概意思就是当function被触发后就加一把锁，在执行完这一次操作之前，任何的请求都不能够再次调用次function。
方法一：

方法二：
使用ajax的事件，局部事件和全局事件。

ajaxStart 全局事件
开始新的Ajax请求，并且此时没有其他ajax请求正在进行。
beforeSend 局部事件
当一个Ajax请求开始时触发。如果需要，你可以在这里设置XHR对象。
ajaxSend 全局事件
请求开始前触发的全局事件
success 局部事件
请求成功时触发。即服务器没有返回错误，返回的数据也没有错误。
ajaxSuccess 全局事件
全局的请求成功
error 局部事件
仅当发生错误时触发。你无法同时执行success和error两个回调函数。
ajaxError 全局事件
全局的发生错误时触发
complete 局部事件
不管你请求成功还是失败，即便是同步请求，你都能在请求完成时触发这个事件。
ajaxComplete 全局事件
全局的请求完成时触发
ajaxStop 全局事件
当没有Ajax正在进行中的时候，触发。

一个后端小白的总结，如有残缺，欢迎指正~