предотвратить дублирование вызовов ajax от bootstrap modal?

Question

В загрузочном модальный, когда пользователь нажимает клавишу ВВОД, 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 
    } 

}); 

затем в вашем АЯКСЕ обратного вызова сбросить переменную windowd.alreadySubmit в false

alernatively вы можете просто установите таймаут, например:

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); 
    } 

});