创建 ajax 调用以自动完成语义搜索 ui

Question

我正在尝试使用自动完成功能进行搜索，但它不起作用我的 js 代码是：

$('.ui.search')
    .search({
     debug: true,
      apiSettings: {
        action:'search',
        url: '/chat/addamigo/cod/{query}'
      },
    })
  ;

呼叫的 return 是：

[{"title":"taaaaaalles","description":"552eecea80bc7be41a00002d"}]

而 html 是：

<div class="ui search">
                    <input class="prompt" type="text" placeholder="... etc" >
                    <div class="results"></div>
                </div>

但它一直显示空白消息

“无结果您的搜索 return 没有结果

我该怎么做才能创建 ajax 语义自动完成

Answer 1

服务器端需要返回的json的正确语法是：

{
  "results": [
    {"title":"taaaaaalles","description":"552eecea80bc7be41a00002d"}
  ]
}

创建 ajax 调用以自动完成语义搜索 ui

Create an ajax call to auto complete a search in semantic ui

ajax

semantic-ui