老师看下console里有错误
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>
<input type="button" style="width: 200px" value="员工列表" id="btn1">
<input type="button" style="width: 200px" value="职位列表" id="btn2">
<input type="button" style="width: 200px" value="部门列表" id="btn3">
<div style="width: 600px; text-align: center;" id="container"></div>
<script type="text/javascript">
var xmlhttp;
xmlhttp = new XMLHttpRequest();
xmlhttp.open("Get", "/ajax/info", true);
xmlhttp.send();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var text = xmlhttp.responseText;
console.log(text);
var json = JSON.parse(text);
var html = "";
var html2 = "";
var html3 = "";
for (var i = 0; i <= json.length; i++) {
var info = json[i];
html = html + "<p>" + info.name + "</p>";
html2 = html2 + "<p>" + info.department + "</p>";
if (i < 2) {
html3 = html3 + "<p>" + info.job + "</p>";
}
document.getElementById("btn1").onclick = function() {
document.getElementById("container").innerHTML = html;
}
document.getElementById("btn2").onclick = function() {
document.getElementById("container").innerHTML = html2;
}
document.getElementById("btn3").onclick = function() {
document.getElementById("container").innerHTML = html3;
}
}
}
}
</script>
</body>
</html>
还有就是这个代码太重复了，能优化吗？js里能switch 获取的id是什么吗？我们好像没学过
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星