Question

如何在搜索任何关键字时刷新结果。如果我使用innerHTML它可以更新我找到的关键字但是当使用脚本src我不起作用时，它只能工作一次。这是我的编码

  <html>
  <head>
    <title>Google Search API</title>
  </head>
  <body>

    <div id="box">
    <textarea id="myTextarea"></textarea>
   <button type="button" id="mySubmit" onclick="myFunction()" >Search</button>

<p id="demo"></p>
<div id="content">



    </div>


    <script id="searchme"></script>
    <script>
    function myFunction() {
        var query = document.getElementById("myTextarea").value;
        var search_query = "https://www.googleapis.com/customsearch/v1?q="+query+"&cx=004123968310343535430%3Aaxml6iel9yo&key=AIzaSyDxPcphnrcN9_dfkRkFTbwkv44m1-HI1Hg&callback=hndlr";
    document.getElementById('searchme').src = search_query; 
    }

    function hndlr(response) {
    for (var i = 0; i <response.items.length; i++) {
        var item = response.items[i];     
        document.getElementById("content").innerHTML +="<br>"+"<b>"+ item.title + "</b>"+"<br>" +item.snippet  + "<br>"+"<a href='"+item.link+"'>"+item.displayLink+"</a>" ;
    }
}


</script>


  </body>
</html>

Answer 1

从按钮中删除侦听器并将其添加输入，以便在您键入时立即发生。

<textarea onkeydown="myFunction()"></textarea>
<button type="button" id="mySubmit" >Search</button>

虽然，我不建议使用onkeydown，但这可以帮到你。

刷新Javascript Src

1 个答案: