Tun Sie etwas nach zwei Sekunden Keyup

Question

Ich möchte nur das erreichen. Wenn der Benutzer das Keyword-Beispiel "stackoverflow" sucht, möchte ich nur danach einen Ajax-Aufruf senden. Nicht jedes Mal, wenn er irgendeine Taste drückt. So kann ich jedes Mal, wenn ich eine Taste drücke, viel Ajax-Anruf speichern.

Ich versuche zu überprüfen, dass, wenn Benutzer nicht noch einmal für zwei Sekunden, nachdem er eine beliebige Taste drücken, dann bin ich ajax Anruf senden. aber ich weiß nicht, was Intervall zu verwenden oder Zeit festzulegen, bitte helfen und hoffe, dass Sie verstehen können, was ich versuche zu erklären. Danke

hier ist mein kleiner Code.

$(document).ready(function(){ 
    var counter = 0; 
    $("#input").keyup(function(){ 

     var myInterval = setInterval(function() { 
      ++counter; 
     }, 1000); 

     if(myInterval > 2) 
     { 
      alert('ajax call going'); 
      clearInterval(myInterval); 
     } 
     else 
     { 
      alert('doing nothing'); 
     } 
    }) 
}) 

Answer 1

var _changeInterval = null; 

$("#input").keyup(function() { 
    // wait untill user type in something 
    // Don't let call setInterval - clear it, user is still typing 
    clearInterval(_changeInterval) 
    _changeInterval = setInterval(function() { 
     // Typing finished, now you can Do whatever after 2 sec 
     clearInterval(_changeInterval) 
    }, 2000); 

}); 

Hinweis: -Code von SO wenigen Monaten zurückgenommen, nicht Erinnere dich an den Link

Bearbeiten:

Überprüfen Sie diese jsFiddle. Kommentare im Code überprüfen und in der Konsole ausgeben für besseren Untersatz

Answer 2

Try this:

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
<input type="text" id="input"> 
<script> 
$(document).ready(function(){ 
    $("#input").keyup(function(){ 
     var str = $(this).val(); 
     setTimeout(function(){ 
      if(str == $("#input").val()) { 
       alert('ajax call going'); 
      } 
     }, 2000); 
    }); 
}); 
</script> 

Answer 3

Hoffnung, das wird helfen ...

$("#input").keyup(function(){ 
    var x=$("#input").val(); 
    setTimeout(function(){ 
     if(x==$("#input").val()) { 
      alert('ajax call going'); 
     } 
    }, 3000); 
}); 

Answer 4

Wenn Ihr Benutzer fortlaufend wie 20 Zeichen schreibt, dann? setTimeout ruft nach der Zeit (nach den definierten Sekunden) auf. Wenn Sie den richtigen Weg wollen, dann verwenden Sie Debounce.

$(function(){ 

var default_text = $('#text-type').text(), 
    text_counter_1 = 0, 
    text_counter_2 = 0; 

// This function is not debounced, but instead bound directly to the event. 
function text_1() { 
    var val = $(this).val(), 
    html = 'Not-debounced AJAX request executed: ' + text_counter_1++ + ' times.' 
    + (val ? ' Text: ' + val : ''); 

    $('#text-type-1').html(html); 
}; 

// This function is debounced, and the new, debounced, function is bound to 
// the event. Note that in jQuery 1.4+ a reference to either the original or 
// debounced function can be passed to .unbind to unbind the function. 
function text_2() { 
    var val = $(this).val(), 
    html = 'Debounced AJAX request executed: ' + text_counter_2++ + ' times.' 
    + (val ? ' Text: ' + val : ''); 

    $('#text-type-2').html(html); 
}; 

// Bind the not-at-all debounced handler to the keyup event. 
$('input.text').keyup(text_1); 

// Bind the debounced handler to the keyup event. 
$('input.text').keyup($.debounce(250, text_2)); // This is the line you want! 

// Trigger the callbacks once to show some initial (zero) values. 
text_1(); 
text_2(); 
}); 

BlogHier anschauliches Beispiel
Blog 2