typeahead js 不显示结果

Question

我想使用 typeahead 远程检索 postal 代码，它必须是 post，而不是 get。在控制台中 json 之后的调用 returns：

{suggestions: "L-6956 | IM GRUND | KEEN-SUR-DOHEEM"}
{suggestions: "L-6956 | OP DER MOUCK | KEEN-SUR-DOHEEM"}

但是输入字段下的结果没有显示为select结果之一。这是我的代码：

$('#txtPostalCode').typeahead(
  null,
  {
    name: 'txtPostalCode',
    displayKey: 'suggestions',
    minLength: 3,
    source: function (query, syncResults) {
      $.post('/hotbed/sggl/getpipedaddresses', {searchItem: query}, function (data) {
        syncResults($.map(data, function (item) {
          console.log(item.suggestions);
          return item;
        }));
      }, 'json');

    }
  });

Answer 1

根据 typeahead API，服务器响应应标记为 Async，您的响应应使用该 asyncCB 获取，

$('#txtPostalCode').typeahead({
  null
},
{
  name: 'txtPostalCode',
  displayKey: 'suggestions',
  minLength: 3,
  async: true,
  source: function (query, processSync, processAsync) {
    processSync(['This suggestion appears immediately', 'This one too']);
    return $.ajax({
      url: "/hotbed/sggl/getpipedaddresses", 
      type: 'POST',
      data: {searchItem: query},
      dataType: 'json',
      success: function (json) {
        // in this example, json is simply an array of strings
        return processAsync(json);
      }
    });
  }
});

由于这个问题有公开赏金，我不能将其标记为重复，但您可能会在以下问题中找到更多详细信息，

Duplicate of this question

typeahead js 不显示结果

typeahead js not showing results

javascript

typeahead.js