防止来自引导模式的重复 ajax 调用？

Question

在引导模式中，当用户按下 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);
    }

});