使css加载器在ajax搜索中保持更多的时间

Question

我有ajax搜索功能，在加载结果时，我尝试添加加载程序。这是函数

function search(){
      var title=$("#search").val();

          if(title!=""){
             $("#result").html("<div class=\"loader09\"></div>");
             $.ajax({
                      type:"post",
                      url:"search.php",
                      data:"title="+title,
                      success:function(data){
                         $("#result").html(data);
                         $("#search").val("");
                    }
              });
       }   
}

是否有可能使这个加载程序$("#result").html("<div class=\"loader09\"></div>");出现的时间比它所需要的时间长？我的意思是，目前它已经出现了1秒，因为搜索执行得非常快。我想至少呆3-4秒。

Answer 1

不如：

success:function(data){
    setTimeout(function(data){ 
        $("#result").html(data);
        $("#search").val(""); 
    }, 3000);  <-- 3 second delay
}

或者：

function delayedResponse(data) {
    setTimeout(function(data){ 
        $("#result").html(data);
        $("#search").val(""); 
    }, 3000);  <-- 3 second delay
}

通过以下方式：

success:function(data){
    delayedResponse(data);
}