Mümkün/Google eklentisi gibi jQuery Otomatik Tamamlama için bir gecikme nasıl ayarlanır?

Question

jQuery eklentisi Autocomplete like Google kullanıyorum ve çok iyi çalışıyor. Ancak AJAX talebi her tuşa basıldığında tetiklenir. Yani, washington dizgisi on (!) Isteklere neden olur. Eh, isteklerin sayısı minLength seçeneğini kullanarak azaltılabilir. Ancak ör. minLength:3 ile hala yedi istek gönderiyoruz (dördüncü karakterle başlıyor).

$(function() { 
    $("#bar").autocomplete({ 
     minLength: 3, 
     limit: 5, 
     source : [ 
      function(query, add) { 
       fooNumber = $('#foo-number').val(); 
       $.getJSON("/my/ajax/controller/bar?data[number]=" + query + "&data[foo_name]=" + fooNumber, function(response) { 
        add(response); 
       }) 
     }], 
    }); 
}); 

nasıl sunucudan istemesi anlık önlemek ve kullanıcı 300 ms ıla örneğin beri yazmaya olmamıştır zaman, script sadece yeni bir istek gönderebilir yapılır?

Answer 1

Üzgünüz, anladım. Sen kaynak ile fonksiyonu ile mantık ve mantık yapabilirdiniz, (, test etmemiş)

var zamanlayıcı;

$("#bar").autocomplete({ 
     minLength: 3, 
     limit: 5, 
     cacheLength: 1, 
     source : [ 
      function(query, add) { 

       clearTimeout(timer); 

       timer = setTimeout(function(){ 

        fooNumber = $('#foo-number').val(); 
        $.getJSON("/my/ajax/controller/bar?data[number]=" + query + "&data[foo_name]=" + fooNumber, function(response) { 
         add(response); 
        }) 

       }, 300) 

     }], 
    }); 

Yoksa jquery ui> geçiş olabilir

Orjinal cevap:

jquery ui otomatik tamamlama dahili bunun için parametre itibaren gecikme (DOCS)

dokümanlar:

$(".selector").autocomplete({ 
    delay: 500 
}); 

Answer 2

Bu yararlı olabilir. (Test Edilmedi)

//global variable 
var keyPressed = new Date(); 
// Call where you're watching for pressed keys. 
var updateKeyPressed = function(){ 
    keyPressed = new Date(); 
} 

$(function() { 
    $("#bar").autocomplete({ 
     minLength: 3, 
     limit: 5, 
     appendMethod:'replace', 
     closeOnBlur: true, 
     source : [ 
      function(query, add) { 
       var currentDate = new Date(); 
       setInterval(function(){ 
        currentDate = new Date(); 
        if (currentDate.getTime() > keyPressed.getTime()) { 
         orderApplicationNumber = $('#foo-number').val(); 
         $.getJSON("/my/ajax/controller/bar?data[number]=" + query + "&data[foo_name]=" + fooNumber, function(response) { 
          add(response); 
         }); 
        } 
       }, 300); 
      } 
     ], 
    }); 
});