如何让我的搜索栏与 Google 一起使用？

Question

我有这个搜索栏，我无法将它作为搜索功能连接到 Google，我尝试使用这个人的代码，但我不能：

<form id="frmSearch" action="index.html" class="searchform order-sm-start order-lg-last">
      <div class="form-group d-flex">
        <input type="text" class="form-control pl-3" placeholder="Buscar">
        <button type="submit" placeholder="txtsearch" class="form-control search"><span class="fa fa-search"></span></button>
      </div>
    </form>

提前致谢！

Answer 1

您可以使用 AJAX 调用 php 页面，您将在其中实施 cURL 从谷歌搜索 url 获取数据！

Of course you will need to code your own cURL in PHP : PHP + curl, HTTP POST sample code?

在这里你可以找到如何实现它！

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 document.addEventListener('DOMContentLoaded', () => { const form = document.querySelector("form#frmSearch"); form.onsubmit = function() { let keyword = encodeURIComponent(this.querySelector("input#keyword").value); $.ajax({ url: `./php_curl_file.php?q=${encodeURIComponent(keyword)}`, type: 'GET', error: (err) => { throw new Error(err); }, success: (searchData) => { console.log( searchData ); } }); return false; } } );

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="frmSearch" class="searchform order-sm-start order-lg-last"> <div class="form-group d-flex"> <input type="text" id="keyword" class="form-control pl-3" placeholder="Buscar"> <button type="submit" placeholder="txtsearch" class="form-control search"> <span class="fa fa-search"></span> Search </button> </div> </form>