jquery - 防止 Bootstrap 模式重复的ajax调用？

Question

在 Bootstrap 模式中，当用户按下 Enter 时，会触发 ajax 调用，

$('#amount').keypress(function(event){
    if(event.which==13) {
        $( "#final" ).trigger( "click" ); // this triggers the ajax call
    }

});

但是，如果用户意外地长时间按下回车键，则会进行过多的提交，从而在数据库中输入不需要的记录。我该如何阻止这种意外行为？在这种情况下有什么最佳实践吗？

Answer 1

我不知道这是否是最佳实践，但我会这样做

window.alreadySubmit = false;
$('#amount').keypress(function(event){
    if(event.which==13 && !alreadySubmit) {
        window.alreadySubmit = true;
        $( "#final" ).trigger( "click" ); // this triggers the ajax call
    }

});

然后在 ajax 成功回调中将 windowd.alreadySubmit 变量重置为 false

或者，您可以设置超时，如下所示:

var myTimeout = 3000; //ms = 3 seconds
window.alreadySubmit = false;

$('#amount').keypress(function(event){
    if(event.which==13 && !alreadySubmit) {
        window.alreadySubmit = true;
        $( "#final" ).trigger( "click" ); // this triggers the ajax call
        setTimeout(function(){ window.alreadySubmit = false; }, myTimeout);
    }

});