如何将Google自定义搜索与我的所有预定义搜索框结合使用?
问题描述:
我想要实现的是将我现有的搜索与谷歌自定义搜索结合起来。 我有这种形式的行动:如何将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自定义搜索将输出该输入的结果。
截至目前,我有两个搜索框做两件不同的事情,但我的最终目标是将它们合并,然后我只需点击一个搜索栏,而不是两个。
答
我看到这种可能性的唯一方法是使用ajax提交表单并在每个元素之间或顶部或之间“注入”带有自己结果的Google结果。