建議列表的jquery POST

Question

我有下一個代碼，它運行良好，問題是，當用戶完成寫單詞時，腳本不斷創建後調用並不斷改變建議列表。

我想要做的事情，如果用戶不斷寫一個字，腳本停止所有後調用只做最後一個。

$("#inputString").keydown(function() { 
lookup($(this).val()); 
//alert('a'); 
}); 

function lookup(inputString) { 
if(inputString.length == 0) { 
    $('#suggestions').fadeOut(); // Hide the suggestions box 
} else { 
    $.post("../jsonshow.php", {q: ""+inputString+""}, function(data) { // Do an AJAX call 
     $('#suggestions').fadeIn(); // Show the suggestions box 
     $('#suggestions').html(data); // Fill the suggestions box 
    }); 
} 
} 

Answer 1

我提議將和上keydown事件AJAX請求，即：

$("#searchBox").keydown(function() { 
    lookup($(this).val()); 
}); 

這將只發送一個AJAX請求，當用戶鍵入的東西。

編輯：
我做了的jsfiddle，做，我才意識到它必須keyup而不是​​（用的keydown，你不會得到一個與輸入然後鍵入的字符）。

這裏是小提琴：http://jsfiddle.net/11684/sjCTZ/1/

Answer 2

像這樣的東西應該工作：

function lookup(inputString) { 
    if (... 
    else if (!$("#suggestions").data('blocking')) { 
     $("#suggestions").data('blocking', true); 
     $.post(...function (data) { 
      ... 
      $("#suggestions").data('blocking', false); 
     }); 
    } 
} 

如果$("#suggestions").data('blocking')設置的互斥是假這將只執行Ajax請求;它在請求前設置爲true，並在請求完成後設置爲false。

Answer 3

打字後查找。請檢查以下示例：http://www.openjs.com/scripts/events/check_after_typing.php

Answer 4

您可以使用setTimeout來設置按鍵之間的某個特定時間間隔，以便在發佈之前允許。 - 然後清除使用擊鍵clearTimeout

var action; 
$('#inputString').keydown(function(){ 
    clearTimeout(action);  
    var $el = $(this); 
    action = setTimeout(function(){ 
     lookup($el.val()); 
    },1000); // <-- amount of time in ms before your post will run 
});​ 

http://jsfiddle.net/gunuW/