jquery - ¿Busca en vivo llamadas ajax como tipos de usuario pero con un pequeño retraso?

Question

Debido al entorno me gustaría restringir esto a algo pequeño y conciso en lugar de un complemento, a menos que sea una extensión que se puede poner en línea aparte de otro código jquery.

tengo este código:

$("#txtSearch").live('keyup', function() { 
    LoadList(1)  
}); 

Me gustaría añadir una demora de tal manera que si un usuario debe esperar (como en la tipificación de parada) 0,5 segundos antes de ejecutar una llamada.

Así que, básicamente, si las letras se escriben con menos de X veces entre pulsaciones consecutivas, no se produce ninguna llamada ajax.

¿Hay alguna forma pequeña y concisa de hacer esto con Jquery?

Answer 1

$("#txtSearch").live('keyup', function() { 
    var value=$("#txtSearch").val(); 
    setTimeout(function(){ 
      if ($("#txtSearch").val() == value) 
      { 
       LoadList(1)  
      } 
    },500); 
}); 

Answer 2

Usted puede utilizar el widget de autocompletar en jQueryUI, que tiene una opción de retardo:

El retraso en milisegundos que el autocompletar espera después de pulsar una tecla para activar sí. Un retraso cero tiene sentido para los datos locales (más receptivos), pero puede generar mucha carga para los datos remotos, a la vez que es menos receptivo.

http://jqueryui.com/demos/autocomplete

Answer 3

Establecer un tiempo de espera y claro en cada golpe de teclado antes de aplicar una nueva:

var timeout; 
$("body").on('keyup', '#txtSearch', function() { 
    window.clearTimeout(timeout); 
    timeout = window.setTimeout(function(){ 
     LoadList(1); 
    },500); 

}); 

ejemplo: http://jsfiddle.net/niklasvh/KgRjJ/

Answer 4

parece que esta pregunta se ha hecho antes:

How to delay the .keyup() handler until the user stops typing?