1

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

(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>
4

2 回答 2

1

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

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

使用 jquery，您可以创建一个 iframe，并将属性src设置为上述链接。

于 2012-11-06T10:38:18.427 回答
1

如果其他人想要以更简单的方式执行此操作 - 我只是使用 setInterval 来轮询它何时加载。搜索字段：

 <gcse:searchresults-only gname='ap_search'></gcse:searchresults-only>

然后只需在其下添加一个脚本标签：

javascript:
  var int=setInterval(function() {
    if (typeof google != 'undefined' && google.search.cse) {
      google.search.cse.element.getElement('ap_search').execute("#{@term}")  
      clearInterval(int)
    }
  }, 200)
于 2012-11-13T07:42:42.433 回答