Zapobieganie wywołaniom ajaxów na pustych polach typeahead.js

Question

Pracowałem z typeahead.js i ładowałem dane za pomocą opcji BloodHound remote.

Wszystko działa zgodnie z oczekiwaniami, z tą różnicą, że po wprowadzeniu only spaces w stanie textbox nadal wpisuje się sends ajax call.

Chcę wiedzieć, czy istnieje sposób na prevent ajax call, jeśli w polu tekstowym jest only spaces. Szukam podobnych zachowań, takich jak trim.

Oto mój kod. Próbowałem użyć funkcji prepare, ale bez powodzenia.

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

Obiekt remote ma prepare funkcji, które można używać uchwytu tę zmianę przed wywołaniem dzieje nad drutu.

Jako przykład:

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; 
      } 
     }, 
    }; 
} 

Należy zauważyć, że w tym przypadku nie dostarczenia mienia wildcard, jak to jest w rzeczywistości skrótem robi tokenu wymiany.

Answer 2

Chciałbym spróbować dołączenie zdarzenie keyUp pola tekstowego do przeprowadzenia filtracji:

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

To będzie ogień po drugiej przestrzeni, co powinno zmniejszyć niepożądane zachowanie o ile nie istnieją znaki spoza przestrzeni w dziedzinie, jak również.