Question

我不确定我到底做错了什么，但我已经在这几个小时，当它应该是相对简单的。这是我的HTML;

            <div class="ui search focus">
                <div class="ui left icon input">
                    <input class="prompt" type="text" placeholder="Search GitHub" autocomplete="off">
                    <i class="github icon"></i>
                </div>
                <div class="results"></div>
            </div>

这是我的剧本

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

这完全来自示例页面：https://semantic-ui.com/modules/search.html#/examples 当我尝试以

的形式加载本地数据时

  var content = [
        { title: 'Andorra' },
        { title: 'United Arab Emirates' },
        { title: 'Afghanistan' },
        { title: 'Antigua' },
        { title: 'Anguilla' },
         // etc
  ];

   $('.ui.search')
       .search({
           source: content
   });

它有效，没有问题，但加载外部内容，如第一个代码段显示未找到结果，当我检查网络浏览器开发工具中的网络选项卡时，我看到307内部重定向请求和另一个200 Ok请求显然从Github获取数据。显然我在这里遗漏了一些东西，并且非常感谢一些指导方针。感谢

Answer 1

您可以使用Url helper

尝试此操作

url: "<?= $this->Url->build('https://api.github.com/search/repositories?q={query}', true); ?>"

使用CakePHP 3进行语义UI搜索

1 个答案: