javascript - 在 javascript 函数中进行 2 次 xmlhttp.open 调用

Question

我有一个网站，当从下拉列表 1 中选择一个项目时，该网站使用下面的 javascript 函数来填充列表 2。我想要实现的是更新列表 2 和列表 3。下面显示的函数分别适用于列表 2 和列表 3，但使用警报我可以看到，如果我将它们放在一起，它会在第一次发送后停止。我怎样才能让他们一起工作？

这是调用函数 checkTeacherList 的 Select，该函数工作正常。

<select name="department_list" id="department_list" selected="All" onchange="checkTeacherList(this.value, '<?php echo $user_login;?>');" >

eJavaScript 函数 checkTeacherList

<script type="text/javascript">
function checkTeacherList(departmentName, schoolName) 
{
var xmlhttp;

//populating List 2

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("departmentTeachers").innerHTML=xmlhttp.responseText;
    }
  }

var d = new Date();

xmlhttp.open("GET","http://website/getTeachers1.php?schoolName="+schoolName+"&departmentName="+departmentName+"&nocache="+d.getSeconds(),true);
xmlhttp.send();
xmlhttp.send();


//populating List 3

alert("Is it getting this far?"); // this alert does not get reached

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("nondepartmentTeachers").innerHTML=xmlhttp.responseText;
    }
  }

xmlhttp.open("GET","http://website/getTeachers2.php?schoolName="+schoolName+"&departmentName="+departmentName+"&nocache="+d.getSeconds(),true);
xmlhttp.send();
xmlhttp.send();

}
</script>

Answer 1

由于您正在调用“xmlhttp.send();”，因此未调用警报两次。第二次调用产生错误。