जब तक उपयोगकर्ता टाइपिंग बंद नहीं करता तब तक फ़ंक्शन की प्रतीक्षा करें

Question

मेरे पास टाइपिंग करते समय उपयोगकर्ता अजाक्स कॉल कर रहे हैं। समस्या यह है कि यह हर पत्र टाइप किया जा रहा है के लिए कॉल करता है, तो मैं इस तरह समयबाह्य सेट करें:

$(input).live('keyup', function(e){ 

setTimeout(function(){ 

var xx = $(input).val(); 
doSearch(xx); 

}, 400); 

}); 

यह 400 मि.से के लिए प्रतीक्षा करता है, लेकिन फिर हर KeyUp के लिए निष्पादित करता है। आखिरी टाइप किए गए पत्र के बाद AJAX कॉल को केवल 400 बार के बारे में 'एक बार' बनाने के लिए मैं इसे कैसे बदल सकता हूं?

(मैं अतीत में 'देरी' थे, लेकिन है कि मेरी स्क्रिप्ट के साथ बिल्कुल काम नहीं करता है ...)

Answer 1

timer = 0; 
function mySearch(){ 
    var xx = $(input).val(); 
    doSearch(xx); 
} 
$(input).live('keyup', function(e){ 
    if (timer) { 
     clearTimeout(timer); 
    } 
    timer = setTimeout(mySearch, 400); 
}); 

इसे कई बार, एक नामित कार्य करने के लिए अपने कार्य को स्थानांतरित करने और इसे कहते हैं क्योंकि अन्यथा आप प्रत्येक KeyUp जो अनावश्यक और अपेक्षाकृत महंगे

Answer 2

आप टाइमर हर बार एक नया कुंजी दबाया जाता है, उदाहरण के लिए रीसेट करने की आवश्यकता

(function() { 
    var timer = null; 

    $(input).live('keyup', function(e) { 
     timer = setTimeout(..., 400); 
    }); 

    $(input).live('keydown', function(e) { 
     clearTimeout(timer); 
    }); 
)(); 

समारोह अभिव्यक्ति सुनिश्चित करना है कि timer चर का दायरा उन दो कार्य यह है कि जरूरत के लिए प्रतिबंधित है प्रयोग किया जाता है।

Answer 3

मुझे लगता है कि लगता है कि होता है पर एक और लैम्ब्डा समारोह बना रहे हैं बेहतर है आप इस संदर्भ में तब तक delay() का उपयोग कर सकते हैं जब तक आप ठीक हो मिश्रण में एक नया अस्थायी 'कुछ' जोड़ने के साथ। क्या यह आपके लिए काम करेगा?

$(input).on('keyup', function() { 
    delay(function() { 
     if (input).val() !== '' && $(input).val() !== $(input).attr('searchString')) { 
      // make the AJAX call at this time 
      // Store the value sent so we can compare when JSON returns 
      $(input).attr('searchString', $(input).val()); 

      namepicker2_Search_Prep(input); 
     } 
    }, 500); 
}); 

वर्तमान स्ट्रिंग भंडारण करके आप देखने के लिए कि उपयोगकर्ता के टाइपिंग बंद कर दिया है सकते हैं:

$(input).live('keyup', function(e) { 
    if (!$(input).hasClass("outRunningAJob")) { 
     var xx = $(input).val(); 
     $(input).addClass("outRunningAJob"); 
     doSearch(xx); 
     $(input).delay(400).queue(function() { 
      $(this).removeClass("outRunningAJob"); 
      $(this).dequeue(); 
     }); 
    } 
}); 

Answer 4

मैं लागू करना आसान निम्नलिखित पाया। फिर आप अपने फ़ंक्शन को सुरक्षित रूप से ऐसा करने के लिए कॉल कर सकते हैं जो कभी भी प्रसंस्करण की आवश्यकता होती है।