81,111
社区成员
发帖
与我相关
我的任务
分享JS写了一棵树，出现了问题，代码已经贴出，请大家看看有什么问题？
用js写了一棵树，从数据库里查出来员工信息并且显示在页面上，现在能成功查询，但是却不能添加。后台测试全部通过，问题就出在页面上，前台展示代码如下，请大家帮我看看有什么错误：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>emp</title>
<script type="text/javascript" src="prototype-1.6.0.3.js">
</script>
<script type="text/javascript">
var xmlHttp;
//获得对象
function initRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
//将查出的结果进行显示
function listEmpAction() {
initRequest();
var url = "http://localhost/AjaxProject/findAllEmp.jsp";
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = listEmpCallback;
xmlHttp.send(null);
}
//向查出的表中添加新员工
function insertEmpAction(){
initRequest();
var id = document.getElementById("id").value;
var name = document.getElementById("name").value;
var salary = document.getElementById("salary").value;
var url = "http://localhost/AjaxProject/insertEmp.jsp?id="+id+"&name="+name+"&salary="+salary;
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = insertEmpCallback;
xmlHttp.send(null);
}
function listEmpCallback() {
clearEmpList();
if(xmlHttp.readyState == 4) {
var empList = xmlHttp.responseXML;
//appendEmp(response);
var emps = empList.getElementsByTagName("emp");
//alert(emps.length);
for(var i=0; i<emps.length; i++) {
var emp = emps.item(i);
var id = emp.getElementsByTagName("id").item(0).firstChild.text;
var name = emp.getElementsByTagName("name").item(0).firstChild.text;
var salary = emp.getElementsByTagName("salary").item(0).firstChild.text;
appendEmp(Emp(id, name, salary));
}
}
}
function insertEmpCallback() {
listEmpAction();
$("empForm");
}
function Emp(id, name, salary){
return {
"id": id,
"name": name,
"salary": salary
};
}
function appendEmp(emp){
//var info = document.getElementById("empForm");
//info.innerHTML = response;
var tr = document.createElement("tr");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var td3 = document.createElement("td");
td1.appendChild(document.createTextNode(emp.id));
td2.appendChild(document.createTextNode(emp.name));
td3.appendChild(document.createTextNode(emp.salary));
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
$("empList").appendChild(tr);
}
function clearEmpList() {
var empList = $("empList").childNodes;
for(var i=empList.length-1; i>=0; i--) {
$("empList").removeChild(empList.item(i));
}
}
</script>
</head>
<body>
<table id="t1" border="1" width="80%">
<thead>
<tr>
<td>
ID
</td>
<td>
Name
</td>
<td>
Salary
</td>
</tr>
</thead>
<tbody id="empList">
</tbody>
</table>
<input type="button" value="List" onclick="listEmpAction();" />
<div id="empForm">
<table id="t1" border="1" width="80%">
<thead>
<tr>
<td>ID</td>
<td><input type="text" id="id"/></td>
</tr>
<tr>
<td>Name</td>
<td><input type="text" id="name"/></td>
</tr>
<tr>
<td>Salary</td>
<td><input type="text" id="salary"/></td>
</tr>
</thead>
</table>
<input type="submit" value="Insert" onclick="insertEmpAction();" />
</div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
maomaosoft 2009-07-25
- 打赏
- 举报
顶一下 我也不知道
maomaosoft 2009-07-25
- 打赏
- 举报
顶一下 我也不知道
fengfeng925 2008-10-11
- 打赏
- 举报
问题已经解决，其实代码没问题，已经添加到数据库中，就是没有显示，显示的还是以前的，原来是IE缓存弄得。多谢各位了。现在结贴，回者有分。
魔鬼代言人5800 2008-10-11
- 打赏
- 举报
应该到JS版去问问，我也不会，只能帮你顶
魔鬼代言人5800 2008-10-11
- 打赏
- 举报
应该到JS版去问问，我也不会，只能帮你顶
sunzhyng 2008-10-10
- 打赏
- 举报
检查数据的问题
java_fans2008 2008-10-10
- 打赏
- 举报
出现什么问题？是否有错误提示？
liaoyi_ipanel 2008-10-10
- 打赏
- 举报
var url = "http://localhost/AjaxProject/insertEmp.jsp?id="+id+"&name="+name+"&salary="+salary;
点添加后有没有到到这个里面去?
点添加后有没有到到这个里面去?
yuanyangaas 2008-10-10
- 打赏
- 举报
你alert一步一步调试看看，javaScript不好说~！
goldlive_8888 2008-10-10
- 打赏
- 举报
var url = "http://localhost/AjaxProject/findAllEmp.jsp";
你的端口号是80吗？这样写正式用时还要改页面
如果是，还要看后台返回的数据的格式是否正确
你的端口号是80吗？这样写正式用时还要改页面
如果是，还要看后台返回的数据的格式是否正确
cg2003 2008-10-10
- 打赏
- 举报
up
fengfeng925 2008-10-10
- 打赏
- 举报
怎么没人了么？牛人都哪里去了，出来指点一下哈
mjjzg 2008-10-10
- 打赏
- 举报
路过，顶一下
fengfeng925 2008-10-10
- 打赏
- 举报
数据能从数据库里查询出来，就是添加不进去，提示错误是
代码的第一行这里，缺少对象
function clearEmpList() {
var empList = $("empList").childNodes;
for(var i=empList.length-1; i>=0; i--) {
$("empList").removeChild(empList.item(i));
}
}代码的第一行这里，缺少对象
