为什么我的JavaScript脚本在页面加载时运行，而不与onclick一起运行？

Question

因此，下面是单击屏幕上的按钮时要运行的脚本。 基本上使用AJAX来查询我的数据库获取更多结果。 问题是，我是Java语言的新手，该脚本在页面加载时运行，而不是在我单击应该调用它的按钮时运行。

---

<script type="text/javascript">
function next_ten_results()
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("main").innerHTML=xmlhttp.responseText;
    }
  }
var page = "<?php echo $page_count; ?>";
alert('the city of ' + page + '!');
var name = "<?php echo $sql_name; ?>";
var rest_location = "<?php echo $sql_location; ?>";
xmlhttp.open("GET","another_ten_results.php?location="+rest_location+"&rest_name="+name+"&page="+page,true);
xmlhttp.send();
}
</script>  

感谢您的阅读！ 我确定我犯了一个简单的错误，例如我需要等待文档准备就绪等，但是正如我所说，我很新。 任何帮助和建议，不胜感激。

干杯!

编辑：在需要的情况下调用此函数的代码...即使该代码在没有它的情况下运行：

if($num_rows > 9){
      echo '<onclick="next_ten_results_NOT()" class="button next" id="button_next" >Page 2</a>'; }

编辑（2）：供以后参考，问题（如上所述，科迪）是我在onclick事件之前忘记了<a... 这是什么原因造成的代码以某种方式运行。 更改后，javascript查询按计划工作。 该错误实际上是在HTML中。

干杯!

Answer 1

对于那些访问此网站寻找答案的人：

您的HTML调用javascript函数无效。 没有以<onclick ...开头的标签。 我们可以通过结束标记</a>得知这应该是一个链接。

将<onclick替换为<a onclick将解决此问题。

Answer 2

将我的答案移至答案，而不是原来的注释：

您正在回显'<onclick="next_ten_results_NOT()" class="button next" id="button_next" >Page 2</a>'; 这将创建一个名为的标签。 您缺少<a ，这意味着它是无效的标记。