Google自定义搜索查询

时间:2015-11-26 14:54:10

标签: javascript search google-api search-engine google-custom-search

我正在尝试构建一个简单的网页,我想在谷歌上搜索一些查询,或者点击按钮或输入它在控制台上写入查询(我想用它做更多但是这只是一个简单的测试用例)。

我是网络编程的新手,我在制作时遇到了麻烦。问题是它没有编写查询,它给了我" Uncaught ReferenceError:$未定义"在" $(' input.gsc-input')"。

我已尝试调整我在互联网上看到的各种解决方案,这是我的最终代码:

<script>
function gcseCallback() {
    if (document.readyState != 'complete')
    return google.setOnLoadCallback(gcseCallback, true);
    google.search.cse.element.render({gname:'gsearch', div:'results',tag:'search', attributes:{linkTarget:''}});
   var element = google.search.cse.element.getElement('gsearch');
   $('input.gsc-input').keypress(function(e){ 
        if(e.keyCode == 13 || e.which == 13){  
            console.log('enter pressed');
            console.log(element.getInputQuery());
         }
  });
  $('input.gsc-search-button').on('click', function(e){
     console.log('clicked');
     console.log(element.getInputQuery());
  });

 };

  window.__gcse = {
      parsetags: 'explicit',
      callback: gcseCallback
  };



 (function() {
  var cx = '012011985098456266711:mn0nz0gkkxs';
  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>

<div id="results"></div>

0 个答案:

没有答案
相关问题