How to throttle callback of jQuery event?

Question

Ok, so I do search like in google, you type text in input and it gives you entries instantly. But I don\'t like that. I use something like that $(\"TEXTINPUT\").keyup(

Answer 1

Here's how I usually approach it:

$(function(){
  var tiTO, jqXHR;
  $('textinput').keyup(function(){
    if (tiTO) clearTimeout(tiTO);
    if (jqXHR && jqXHR.abort) jqXHR.abort();
    tiTO = setTimeout(function(){
      jqXHR = $.ajax({....});
      //Ajax call to PHP
    },2000);
  });
});

Each keyup resets the timeout, and aborts any active ajax.