2017-08-02 9 views
0

私は間違っていることを正確にはわかりませんが、これは比較的簡単であるはずですが、何時間もこれを続けてきました。ここに私のhtmlがあります。CakePHPでのセマンティックUI検索の使用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 Dev BrowserツールのNetworkタブでは、要求に307内部リダイレクトが表示され、もう1つはGithubからデータを取得する200 Ok要求が表示されます。明らかに私はここで何かを逃しているし、いくつかのガイドラインを本当に感謝します。おかげ

答えて

0

あなたは、この使用してURLヘルパー応答のための

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

感謝を試すことができます。今私は307をもう得られず、結果はまだ残っています。しかし、ドロップダウンでも結果は表示されません。結果は見つかりません。それ以上のガイダンスはどうですか? – degee147

+0

何を検索しましたか?このURLを使用して 'https://api.github.com/search/repositories?q= {query}'は動作するはずです –

+0

私はリクエストから正しい応答を得ています。セマンティックUI検索モジュールに期待するデータを与える方法を見つけて、私が期待していることが分かります – degee147

関連する問題