Utilisation de la recherche d'interface utilisateur sémantique avec CakePHP 3

Question

Je ne suis pas sûr de ce que je fais de mal, mais je suis sur ce sujet depuis des heures, quand il est censé être relativement simple. Voici mon code 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> 

Et voici mon script

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

C'est exactement de la page d'exemples: https://semantic-ui.com/modules/search.html#/examples Lorsque je tente de charger des données locales sous forme de

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

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

Il fonctionne, pas problèmes, mais le chargement de contenu externe comme dans le premier extrait montre Aucun résultat trouvé et quand je vérifie le n Dans l'outil Network dans Dev Browser, je vois un 307 Internal Redirect sur la requête et un autre avec une requête 200 Ok qui obtient apparemment les données de Github. Évidemment, il me manque quelque chose ici et j'apprécierai vraiment certaines lignes directrices s'il vous plaît. Merci

Answer 1

vous pouvez essayer en utilisant Url aide

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