最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

具有get请求的语义ui自动完成功能无效

运维笔记admin9浏览0评论

具有get请求的语义ui自动完成功能无效

具有get请求的语义ui自动完成功能无效

我正在尝试创建一个自动完成搜索栏。我到现在所拥有的是:

  <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是正确的,脚本是对的吗?

回答如下:

请参阅语义UI中的示例:https://semantic-ui/modules/search.html#/examples

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

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

发布评论

评论列表(0)

  1. 暂无评论