제안 목록에 대한 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을했고, 나는 그것이 (당신이 입력으로 다음 입력 한 문자를받지 않습니다를 keyDown와) keyup 대신 keydown해야했다 깨달았다하고. http://jsfiddle.net/11684/sjCTZ/1/이 같은

Answer 2

뭔가 작동합니다 : 여기

는 바이올린입니다 $("#suggestions").data('blocking')에서 설정 한 뮤텍스가 false 인 경우

가

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

이는 아약스 요청을 수행합니다; 요청 전에 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/