Question

我正在尝试制作一个自动填充搜索栏。我到现在所拥有的是：

  <div class="ui search">
    <div class="ui inverted transparent icon input">
      <input class="prompt" type="text" placeholder="Search...">
      <i class="search icon"></i>
    </div>
  </div>





<script>
$('.ui.search')
  .search({
    apiSettings: {
      url: '/search?key={query}'
    },
  });
</script>

和router.get（'/ search'，... 这个进行数据库搜索（mongoose）并返回一个数组，其中包含名称包含搜索字符串的所有文档，并执行：res.send（thearray）。但这不起作用，使用res.send是正确的，脚本是对的吗？

Answer 1

请参阅语义用户界面中的示例：https://semantic-ui.com/modules/search.html#/examples

$('.ui.search')
  .search({
    apiSettings: {
      url: '//api.github.com/search/repositories?q={query}'
    },
    fields: {
      results : 'items',
      title   : 'name',
      url     : 'html_url'
    },
    minCharacters : 3
  })
;

您需要将API中的响应映射到搜索所需的匹配字段。

带有get请求的语义ui自动完成功能不起作用

1 个答案: