將語義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結合使用

回答

相關問題