jquery ajax 如何避免重复提交

用一个变量加锁

var lock = false;
执行Ajax的事件起初处判断

if (lock) {return;}
在Ajax发送前

lock = true;
在Ajax返回或错误后的回调函数中

lock = false;
如果你觉得无效化按钮挺优雅的话，那可以把整个表单都无效化加上 disabled ，就不担心回车的问题了，嫌麻烦还有简单的。 写一个loading

.loading {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url(...) center center;
}
然后像上面的变量一样的，加锁时放入这个loading的标签，比如

$('form').append($('div').addClass('loading'));
回调后解锁时删除它

$('form').find('.loadding').detach();