Delay load of data for 2 seconds in jQuery ajax

20,456

Use this function:

setTimeout(function() {
    $('#left').html(response);
}, 2000);
Share:
20,456
input
Author by

input

Seeker of knowledge

Updated on April 10, 2020

Comments

  • input
    input about 4 years

    I'm loading the search results via jQuery ajax in a div container. I would like the results to be shown to the user after a 2 second delay or after the user has entered at least 3 letters/characters in the textbox to search. How would I do this?

    jQuery code:

    $(".bsearch").keydown(function() {
      //create post data
      var postData = { 
        "search" : $(this).val()
      };
    
      //make the call
      $.ajax({
        type: "POST",
        url: "quotes_in.php",
        data: postData, 
        success: function(response){
          $("#left").html(response);                    
          $("div#smore").hide();
        }
      });