<html>
<head>
<title>List</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Javascript code -->
<script>
function showUser(str) {
if (str == " ") {
document.getElementById("txtHint").innerHTML = " ";
return;
} else {
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("txtHint").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","getuser.php?q="+str,true);
xmlhttp.send();
}
}
</script>
<!-- CSS for HTML table -->
<style>
table {
width: 100%;
border-collapse: collapse;
}
table, td, th {
border: 1px solid black;
padding: 5px;
}
th {text-align: left;
}
</style>
</head>
<body>
<form>
<select name="users" onchange="showUser(this.value)">
<option value=" ">Select a person:</option>
<option value="1">Peter Griffin</option>
<option value="2">Lois Griffin</option>
<option value="3">Joseph Swanson</option>
<option value="4">Glenn Quagmire</option>
</select>
</form>
<div id="txtHint">Result from PHP script should appear here</div>
</body>
</html>
当我通过Netbeans在Google Chrome浏览器中运行以下HTML页面时,当我尝试从列表中选择一个人时,我遇到了此错误(请参阅标题)。
xmlhttp.onreadystatechange = function()
这行代码和下面的代码似乎是基于Chrome开发人员工具的关注领域。
选择姓名=&#34;用户&#34;平变化=&#34; showUser(THIS.VALUE)
任何人都可以找出需要改变的内容吗?
答案 0 :(得分:2)
正下方:
// code for IE7+, Firefox, Chrome, Opera, Safari
添加:
xmlhttp = new XmlHttpRequest();
这样,您就可以使用定义了XMLHttpRequest的javascript引擎来满足Web浏览器。
此外,xmlhttp需要在&#34; xmlhttp.onreadystatechange = function()&#34;之前有一个有效值(句柄)。可以正确执行。
如果您的浏览器(尤其是非常旧的IE浏览器)仍然挑剔,那么请更改&#34; xmlhttp&#34; to&#34; var xmlhttp&#34;因为变量名之前的var意味着定义一个新变量。