在ajax搜索上制作css加载器以留出更多时间

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);
}