如何防止用户在ajax请求没有成功之前，点击按钮再次调用ajax？

Question

假设我现在有几个用li标签做的按钮，还有时间控件和下拉框。li的点击操作、时间控件的选择时间操作、下拉框的change事件都用调用同一个ajax。请问，如何在用户做某一种操作调用ajax请求成功之前，阻止用户再次点击其它标签进行ajax请求操作？

Answer 1

例子如下，第一种是拦截重复请求，第二种每次请求都接受同时丢弃旧请求。
如果是拦截重复请求，通常还要给按钮加上disabled状态切换。
                            

Answer 2

你可以给把那些标签归个类，额外添加两个属性，一个类似组的标志，比如可以添加一个空属性的class属性用于组名，再一个类似开关的标志，比如处于请求的标签多了on的属性，当要发生请求的时候，看组内有没有on属性开关处于开的状态即可，此种实行只要基于jquery的contains选择器就可以。