typeahead.js - 不向“远程”位置发送查询

Question

我有 typeahead.js 的来源：

https://github.com/twitter/typeahead.js

以下示例不会向服务器端脚本发出请求以查询数据库：

HTML：

<input id="doc" class="typeahead" type="text" placeholder="search here">

JS

$('#doc').typeahead({
  name: 'doc-search',
  minLength: 3,
  limit: 10,
  remote: '/Search&doc_no=%QUERY'
});

我在开发者控制台中没有看到对 /Search 的任何调用。

Answer 1

.typeahead 不包含remote 的定义，您需要使用Bloodhound 远程获取数据。

这是一个远程获取数据的示例。

var docs = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('YourColumnName'),
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  remote: {
    remote: '/Search&doc_no=%QUERY',
    wildcard: '%QUERY'
  }
});

$('#doc').typeahead(null, {
  name: 'documents',
  display: 'value',
  source: docs
});

你可以看到examples页面的Remote部分。