[SOLUCIONADO] evento onkeyup y tiempo.

[Djoaq]

Hola , primero de todo decir que estoy aprendiendo y no tengo estudios ... soy autodidacta . Así que les ruego tengan paciencia.

En segundo lugar les cuento :

Estoy realizando mi propia web , en la cual he realizado un buscador con un evento onkeyup el cual dispara una función ajax que pasa mis datos a un php y me trae los resultados de vuelta.

Hasta ahí todo bién! El problema viene que estoy haciendo una petición por cada letra ... y me gustaría hacer una petición por cada keyup cada p.ejem 2 segundos desde que el usuario aprieta una tecla...

entonces hice esta función que utiliza los metodos setimeout y cleartimeout :

Código Javascript:

function buscador(){
                  var segundos=2000;
                  clearTimeout(temp);
          var temp = setTimeout(function(){
              var buscoInput =  $('.busqueda').val();
                  $.ajax({
                   type: "POST",
                   dataType: 'json',
                   url: url,
                   data: { mi envio buscoInput php },
                   success: function(respuesta){mi respuesta php}    
                   });
            },segundos); 
          }
 

Teniendo en cuenta que tengo un evento onclick="busqueda()" .

Asi me funciona y hace lo que quiero , pero me envía una petición por cada pulsación ... la pregunta es.. como podría hacer para cancelar y re-setear el tiempo cuando la función vuelva a ser llamada?

Un saludo gracias!

[Djoaq]

Le estoy dando vueltas al tema... voy a intentar algo , he pensado que utilizando el
metodo beforeSend : de jquery ajax.. podría intentar hacer un temporizador que se re-seteara a los N segundos ... y después comprobar el estado con un if .. y si es true entonces que procese y si es false entonces que haga abort() .

Cualquier sugerencia es bienvenida!!

[Djoaq]

Bueno aquí dejo el código por si le puede ayudar a alguien ... finalmente encontré la solución!

Código Javascript:

<script>
var peticion_en_curso = false; //aqui seteamos false como valor de entrada
$("#miCajadeBusqueda").keyup(function() {
    if (this.value.length > 2 && !peticion_en_curso) { //comprobamos que el user como minimo haya introducido 2 caracteres y que peticion_en_curso no sea true
        peticion_en_curso = true;//cambiamos peticion en curso antes de enviar petición ajax
        $.ajax({
            type: "POST",
            url: "tu_url",
            dataType: "json",
            success: function(data) {
                peticion_en_curso = false;//cuando se completa la peticion cambiamos de nuevo a false
                //Codigo respuesta!
            }
        });
    }
});
</script>