2017-05-08 140 views
0

我想要實現的是將我現有的搜索與谷歌自定義搜索結合起來。 我有這種形式的行動:如何將Google自定義搜索與我的所有預定義搜索框結合使用?

<div class="col-md-6 col-md-offset-3"> 
      <form action="#"> 
       <p><input type="text" id="search" placeholder="Type an artist name..." autocomplete="off" class="form-control" /></p> 
       <p><input type="submit" value="Search" class="form-control btn btn-primary w100"></p> 
      </form> 
      <div id="results"></div> 
     </div> 

而且我想以某種方式使用jQuery可以點擊搜索欄,它將代替看看谷歌的自定義搜索:

<div> 
     <script> 
      (function() { 
      var cx = 'myID'; 
      var gcse = document.createElement('script'); 
      gcse.type = 'text/javascript'; 
      gcse.async = true; 
      gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; 
      var s = document.getElementsByTagName('script')[0]; 
      s.parentNode.insertBefore(gcse, s); 
      })(); 
     </script> 
     <gcse:search></gcse:search> 
    </div > 

像到目前爲止,我認爲啓動它,我會做到這一點:

$("form").on("submit", function() {... 

所以現在我想知道如果我可以操縱谷歌定製搜索,這樣我就不必多搜索框,只是一個好玩ctional搜索框,我可以在其中輸入搜索內容,然後我可以讓YouTube搜索API顯示該視頻,同時google自定義搜索將輸出該輸入的結果。
截至目前,我有兩個搜索框做兩件不同的事情,但我的最終目標是將它們合併,然後我只需點擊一個搜索欄,而不是兩個。

回答

0

我看到這種可能性的唯一方法是使用ajax提交表單並在每個元素之間或頂部或之間「注入」帶有自己結果的Google結果。