Question

我有一个使用Bootstrap，jQuery，Typeahead.js和Azure搜索的应用。我正在尝试使用suggestions功能。为了做到这一点，我有以下内容：

var engine = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.whitespace,
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  remote: {
    url: 'https://my-app.search.windows.net/indexes/my-index/docs/suggest?api-version=2015-02-28',
    prepare: function (settings) {
      settings.type = 'POST';
      settings.contentType = 'application/json; charset=UTF-8';
      settings.data = { search: query, suggesterName: 'mySuggestions', top: 10 };                                                        
      return settings;
    }
  }
});

$('#searchField').typeahead([{
  minLength: 5,
  name: 'suggestions',
  source: engine
}]);

当我在searchField中输入文本时，我从未在Fiddler中看到向Azure搜索服务发出的请求。同时，我在控制台窗口中看不到任何错误。我做错了什么？

Answer 1

我觉得有几件事情。首先是这个：

$('#searchField').typeahead([{
  minLength: 5,
  name: 'suggestions',
  source: engine
}]);

可能需要更像这样：

$('.typeahead').typeahead(null,{
  minLength: 5,
  source: engine
});

您的引擎功能的准备工作还需要包含“查询”arg。

var engine = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.whitespace,
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  remote: {
    url: 'https://my-app.search.windows.net/indexes/my-index/docs/suggest?api-version=2015-02-28',
    prepare: function (query,settings) {
      settings.type = 'POST';
      settings.contentType = 'application/json; charset=UTF-8';
      settings.data = { search: query, suggesterName: 'mySuggestions', top: 10 };                                                        
      return settings;
    }
  }
});

你可以看到一个工作小提琴here。

通过Typeahead.js提供建议

1 个答案: