request.status=0,检查了好几遍没发现哪里有问题,代码截图如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Document</title>
</head>
<style>
p {
color:#ff0000;
}
</style>
<body>
<h1>员工查询</h1>
<label for="">请输入员工编号:</label>
<input type="text" id="keyword">
<button id="search">查询</button>
<p id="searchResult"></p>
<script type="text/javascript">
document.getElementById("search").onclick = function() {
var request = new XMLHttpRequest();
request.open("GET","http://t.com/ajax/server.php?number=" + document.getElementById("keyword").value);
request.send();
request.onreadystatechange = function() {
if (request.readyState === 4) {
if(request.status == 200) {
document.getElementById("searchResult").innerHtml = request.responseText;
} else {
alert("发生错误:request.status=" + request.status);
}
} else {
alert("request.readyState=" + request.readyState);
}
}
}
</script>
</body>
</html>

跨域了,控制台那么大2个红色
error
被你无视了吗?。解决方式无非就是jsonp或者服务端配置允许跨域,自行搜索引擎吧