2010-08-16 424 views
4

我正在通過jQuery ajax在div容器中加載搜索結果。我希望在用戶輸入文本框中至少3個字母/字符進行搜索後,延遲2秒後向用戶顯示結果。我將如何做到這一點?在jQuery中延遲加載數據2秒ajax

jQuery代碼:

$(".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(); 
    } 
    }); 

回答

11

使用此功能:

setTimeout(function() { 
    $('#left').html(response); 
}, 2000); 
+0

謝謝,以及如果我想在用戶鍵入前3個字母后顯示數據呢? ($('input').val()。trim().length> 3){ – input 2010-08-16 22:00:19

+0

make_ajax_request(); } – 2013-04-03 16:00:08

0

使用此功能

function ajax_delay(str){ 
setTimeout("str",2000); 
} 

結果將

$.ajax({ 
    type: "POST", 
    url: "quotes_in.php", 
    data: postData, 
    success: function(response){ 

     ajax_delay($('#left').html(response)); 
$("div#smore").hide(); 
    } 
    }); 

希望這可以幫到你