Question

我想要实现的是将我现有的搜索与谷歌自定义搜索结合起来。我有这个表单行动：

<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() {...

所以现在我想知道我是否可以操纵谷歌自定义搜索，这样我就不会有多个搜索框，只有一个功能搜索框，我可以输入搜索然后我可以拥有YouTube搜索API显示该视频，同时谷歌自定义搜索将输出该输入的结果截至目前，我有两个搜索框执行两个不同的操作，但我的最终目标是将它们组合起来，然后我只需点击一个搜索栏，而不是两个。

Answer 1

我认为这种可能性的唯一方法是使用ajax提交表单，并在每个元素之上或之间使用您自己的结果“注入”Google搜索结果。

如何将Google自定义搜索与我所有准备好的搜索框结合使用？

1 个答案: