Предотвращение вызова ajax на пустые места typeahead.js

Question

Я работал с typeahead.js и загружал данные, используя BloodHound remote.

Everthing работает как ожидалось, за исключением случаев, когда я ввожу only spaces в textbox typeahead still 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(/ */, ' '); 
    }); 

Это будет срабатывать после второго места, которое должно смягчить нежелательное поведение, если нет, не являющиеся пробелов в поле.