ajax - 如何防止ajax驱动的表单被提交两次？

Question

在使用Grails应用程序时，我正在使用Ajax迈出第一步。我在用

<g:form ...>  
  <g:submitToRemote ... />
</g:form>

以最简单的方式，它开箱即用(谢谢grails!)。问题在于，Ajax调用大约需要2秒钟才能返回并更新html(至少在测试系统上)，并且在此期间，用户可以(并且实际上经常)再次点击“提交”按钮。目前，这导致进行第二次调用，最终破坏了输出(错误消息说，一个人不能两次提交相同的数据)。

防止这种情况的最佳方法是什么？

预先感谢您的输入!

Answer 1

最好的处理方法是onSubmit()函数中的disable the submit button。老实说，我不知道为什么更多的网站不这样做。我经常进行下一步，而不是禁用提交按钮，而是将提交按钮放在span标记中，并用静态文本“Please wait ...”替换span标记的内容，这样您的用户将获得他们按下的视觉反馈按钮和“顶尖人员正在研究”。