JS写了一棵树，出现了问题，代码已经贴出，请大家看看有什么问题？

fengfeng925 2008-10-10 01:32:30

用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>

...全文

172 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

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吗？这样写正式用时还要改页面
如果是，还要看后台返回的数据的格式是否正确

cg2003 2008-10-10

打赏
举报

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));

                }

            }

代码的第一行这里，缺少对象