Como controlar la ejecucion de una funcion varias veces.

[SirDuque]

hola chicos, no creo que el titulo sea claro, pero el problema es el siguiente:

Sin entrar en codigos complicados voy a tratar ser claro.

Es un buscador con un input y un table o select que se completa con la busqueda

El campo input donde empiezan a escribir por ejemplo: LOP ( LOPEZ).
ejecuta esta funcion

Código Javascript:

$('#input').keyup(function(){
 
      $.post( 
                   'url',
                   {variables:variables},
                   function(data){
//codigo que completa la tabla.
                   },json);
 
 
});
 

El problema es que cada vez que escriben una letra, se ejecuta la funcion y recibe la respuesta por metodo JSON. ¿Q tiene de malo esto?

Bueno el problema es el siguiente:

el archivo.php

primero busca por la L
despues por LO
despues por LOP
despues por LOPE
y por ultimo por LOPEZ

por una diferencia de segundo PUEDE no simpre traerme estos resultados:

LO (23 ms)
LOP (33 ms)
LOPEZ (5 ms)
L (55 ms)
LOPE(15 ms)

O peor aun como la L me traee mas resultados puede que me lo traiga a lo ultimo.
Si el usuario tipeara despacio todas las letras el error no se notaria, pero hay usuario rapidos y se dan cuenta del error.

Alguna funcion o idea como controlar esto?

Gracias desde ya.

[quike88]

Hola,

Tuve el mismo problema hace un tiempo y lo que hice fue que se ejecute la llamada al archivo.php solo cuando pasen 1.5 segundos después de pulsar una tecla, lo hice así:

Código Javascript:

var retraso;
$("#input").keydown(function(){
    clearTimeout(retraso);  
});
 
$("#input").keyup(function(){
    retraso = setTimeout("buscar()" ,1500); 
    }
});
 
function buscar(){
    $.post( 
              'url',
              {variables:variables},
               function(data){
//codigo que completa la tabla.
              },json);
}
 

Espero que te sirva.

Saludos.

[SirDuque]

Excelente codigo me sirvio mucho, solo lo modifico un poco para evitar conflictos:

Código Javascript:

var retraso;
$("#input").keydown(function(){
    clearTimeout(retraso);  
});
 
$("#input").keyup(function(){
    retraso = setTimeout(function(){
    $.post( 
              'url',
              {variables:variables},
               function(data){
//codigo que completa la tabla.
              },json)
} ,1500); 
    }
});