将语义UI搜索与CakePHP 3结合使用

我不确定我在做什么错误，但是我已经在这上面呆了好几个小时，当它应该是相对简单的时候。这是我的html;将语义UI搜索与CakePHP 3结合使用

  <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 
    });

形式它可以加载本地数据，没有问题，但加载外部内容，如第一个片段显示没有结果发现，当我检查n Network in Browser Dev工具中的etwork选项卡，我在请求中看到307内部重定向，另一个看到200 Ok请求，显然从Github获取数据。很明显，我在这里错过了一些东西，并会真正感谢一些准则。由于

来源

2017-08-02 degee147

你可以试试这个使用URL帮手

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

来源

2017-08-02 11:10:30

感谢您的答复。现在我不再有307了，结果仍然存在，没有更多的重复呼叫。但下拉菜单仍不显示结果，我得到没有找到结果。请给我更多的指导？ – degee147

你搜索了什么？使用这个网址'https://api.github.com/search/repositories?q= {query}'它应该可以运行 –

我确实从请求中获得了正确的响应。我想现在的问题是，我想知道如何给Semantic UI搜索模块提供它期望的数据，这样我就能看到我期望的 – degee147

将语义UI搜索与CakePHP 3结合使用

回答

相关问题