Ngăn chặn cuộc gọi ajax trên không gian trống typeahead.js

Question

Tôi đã làm việc với typeahead.js và tải dữ liệu bằng cách sử dụng tùy chọn BloodHound remote.

Mọi thứ đều hoạt động như dự kiến ​​ngoại trừ khi tôi nhập only spaces vào textbox typeahead still sends ajax call.

Tôi muốn biết nếu có cách nào để prevent ajax call nếu có only spaces trong hộp văn bản. Tôi đang tìm kiếm hành vi tương tự như trim.

Đây là mã của tôi. Tôi đã cố gắng sử dụng chức năng prepare nhưng không có may mắn.

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

Thuộc tính remote có chức năng prepare mà bạn có thể sử dụng tay cầm thay đổi này trước khi cuộc gọi đi qua dây dẫn.

Như một ví dụ:

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

Lưu ý rằng trong trường hợp này bạn không cung cấp các wildcard bất động sản, vì nó là một cách hiệu quả một cách viết tắt để thực hiện thay thế tượng trưng.

Answer 2

tôi sẽ cố gắng gắn một sự kiện KeyUp vào hộp văn bản để thực hiện việc lọc:

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

Đó sẽ cháy sau khi không gian thứ hai, mà nên giảm thiểu những hành vi không mong muốn nếu không có các ký tự không gian trong lĩnh vực, là tốt.