关于AJAX
来源：2-8 自由编程
慕仙3318693
2019-04-08 21:04:48
员工列表和职位列表我都使用了AJAX，可是不管点击哪个都是现实的员工列表的数据，有点不懂，辛苦老师帮忙看下，谢谢啦！
老师代码如下：
----------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
#employee {
width: 33%
}
#psoition {
width:33%
}
#department {
width:33%
}
div{
margin: 0 auto;
}
</style>
</head>
<body>
<input id="employee" type="button" value="员工列表">
<input id="psoition" type="button" value="职位列表">
<input id="department" type="button" value="部门列表">
<div id="divContent"></div>
<script type="text/javascript">
//员工列表
document.getElementById("employee").onclick = function(){
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET" , "/aja/CompanyServlet" , true);
xmlhttp.send();
//处理服务器响应
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
var text = xmlhttp.responseText;
var json = JSON.parse(text);
// console.log(json);
var html;
for(var i = 0;i<json.length;i ++){
var emp = json[i];
html = html+"<h2>"+emp+"</h2>";
}
document.getElementById("divContent").innerHTML = html;
}
}
}
//职位列表
document.getElementById("psoition").onclick = function(){
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET" , "/aja/CompanyServlet" , true);
xmlhttp.send();
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState ==4 && xmlhttp.status == 200){
var text1 = xmlhttp.responseText;
var json1= JSON.parse(text1);
var html1;
for(var i = 0;i <json1.length; i++){
var position = json1[i];
html1= html1+"<h2>"+position+"</h2>";
}
document.getElementById("divContent").innerHTML=html1;
}
}
}
</script>
</body>
</html>
1回答
-
芝芝兰兰
2019-04-09
同学你好。定位同学的具体问题需要同学的CompanyServlet。
注意不要贴在回复里，会失去代码的格式。可以用回答这个问题的方式，将代码贴入。
祝学习愉快~
0
相似问题