老师看下console里有错误
来源：2-8 自由编程
SomnusL
2020-07-28 04:56:20
<!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是什么吗？我们好像没学过
2回答
-
好帮手慕阿满
2020-07-29
同学你好，通过getElementById获取的是一个标签，不能作为switch()的参数。如：
switch的参数必须是具体的值，比如“1”，“a”等，然后在case后使用“1”，“a”等进行比较，执行case后的数据。
祝：学习愉快~
0 -
好帮手慕阿满
2020-07-28
同学你好，同学只贴出了html的代码，并不能测试console中报错。建议同学将console的报错具体贴一下。
同学的代码并不重复。
switch是选择结构，配置case可以进行选择判断，在仿计算器案例中用到过，如：
switch()中是传入的参数，根据参数执行不同的case。同学说的获取id是指什么？
祝：学习愉快~
0h020-07-28
相似问题