javascript - 谷歌自定义搜索确定何时加载脚本

标签 javascript jquery google-custom-search

我以最简单的形式使用谷歌自定义搜索。我刚刚添加了生成的脚本和标签 <gcse:search></gcse:search>在一个 View 上。一切都按预期工作,但是我希望能够自己在文本框中设置搜索词,然后触发提交。我不知道如何确定何时加载下面的脚本。有没有办法修改脚本,所以我可以使用 jQuery then()功能?

(function () {
        var cx = 'xxxxxxxxxxxxxxxxxx:xxxxxxxx';
        var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
        gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
            '//www.google.com/cse/cse.js?cx=' + cx;
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
    })()

更新

好吧,最后我找到了某种解决方案,可能不是最优雅的解决方案,但它确实有效。这是代码:
<script type="text/javascript" src="https://www.google.se/jsapi"></script>

<script type="text/javascript">
    google.load("search", "1", { language: 'sv', style: google.loader.themes.MINIMALIST });
    google.setOnLoadCallback(function () {
        var ctrl = new google.search.CustomSearchControl('xxxxxxxxxxxxxxxxxx:xxxxxxxx');
        ctrl.draw('cse');

        // you can do stuff here, like trigger a search as shown  below !!        

        ctrl.execute('<%=Request.QueryString["text"] %>');
    }, true);
</script>

最佳答案

我为此使用了一种解决方法。来自 google 的脚本正在创建一个带有 src 属性的 iframe,其中包含 &cx= 代码和要搜索的术语( &q= ):

http://www.google.com/cse?cx=xxxxxxxxxxxxx%3Ac8u_ywvcjnw&ie=UTF-8&q=term+to+search&sa=Search& ……

使用 jquery,您可以创建一个带有 属性的 iframe源 设置为上面的链接。

关于javascript - 谷歌自定义搜索确定何时加载脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13193213/

相关文章:

php - 带有 php 的 jquery 回调 .... 只想要值,而不是重定向

ios - Google 自定义搜索 API 返回访问未配置(iOS 应用)

css - Google 自定义搜索引擎和 Bootstrap3 样式问题

android - 如何在 json 数组中获取谷歌自定义搜索结果

javascript - 让SetTimeout在继续循环之前完成

javascript - DOM中有很多空行

jquery - 根据div高度放大字体大小

javascript - 我想创建一个分步订单,这就是我到目前为止

javascript - GAE Python Javascript : How to insert response data from facebook login into the datastore?

javascript - 在 Angular 4 中实现 d3.js