खाली रिक्त स्थान पर AJAX कॉल को रोकें typeahead.js

Question

मैं typeahead.js के साथ काम कर रहा हूं और BloodHound remote विकल्प का उपयोग कर डेटा लोड कर रहा हूं।

सब कुछ उम्मीद के रूप में काम कर रहा है सिवाय इसके कि जब मैं only spacestextbox टाइपहेड में अभी भी sends ajax call दर्ज करता हूं।

मैं जानना चाहता हूं कि prevent ajax call का कोई तरीका है यदि टेक्स्टबॉक्स में only spaces हैं। मैं trim जैसे समान व्यवहार की तलाश में हूं।

मेरा कोड यहां है। मैंने prepare फ़ंक्शन का उपयोग करने की कोशिश की है लेकिन बिना किसी किस्मत के।

var dataSource = new Bloodhound({ 
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('ProductID', 'ProductName'), 
    queryTokenizer: Bloodhound.tokenizers.whitespace, 
    remote: { 
       url: urlVar + "LoadAllProductByProductName/%QUERY", 
       wildcard: '%QUERY', 

      }, 
    sufficient: 3, 
    }); 

const $tagsInput = $('.txtProductName') 
$tagsInput.typeahead({ 
    minLength: 3, 
    source: dataSource, 
    hint: false, 
    highlight: true, 
    isBlankString: false 
    }, 
    { 
     limit: 10, 
     source: dataSource, 
     name: 'dataSource', 
     display: function (item) { 
     return item.ProductName 
     }, 
     suggestion: function (data) { 
     return '<div>' + data.ProductName + '–' + data.ProductID + '</div>' 
     }, 

}); 

Answer 1

remote संपत्ति एक prepare समारोह जो आप संभाल कॉल तार पर जा रहा से पहले इस परिवर्तन का उपयोग कर सकते है।

एक उदाहरण के रूप:

function createBloodHoundConfig(options) { 
    return { 
     datumTokenizer: Bloodhound.tokenizers.obj.whitespace('Name'), 
     queryTokenizer: Bloodhound.tokenizers.whitespace, 
     identify: options.identify, 
     sufficient: 8, 
     remote: { 
      url: options.url, 
      prepare: function (query, settings) { 
       settings.url = settings.url.replace("{q}", query.trim()); 
       return settings; 
      } 
     }, 
    }; 
} 

ध्यान दें कि इस मामले में आप wildcard संपत्ति की आपूर्ति नहीं करते, क्योंकि यह प्रभावी रूप से टोकन प्रतिस्थापन करने के लिए एक आशुलिपि है।

Answer 2

मैं टेक्स्ट बॉक्स KeyUp घटना संलग्न निस्पंदन प्रदर्शन करने की कोशिश करेंगे:

$tagsInput.keyup(function(){ 
     this.value = this.value.replace(/ */, ' '); 
    }); 

कि दूसरी जगह के बाद सक्रिय होगा, जो अवांछित व्यवहार को कम करना चाहिए जब तक कि वहाँ में गैर अंतरिक्ष चरित्र क्षेत्र, साथ ही साथ।