ajax,删除表格一行.doc

ajax,删除表格一行 篇一：ajax动态生成表格与下拉框 一、ajax动态生成表格的方法 1、后台信息 (1) String start = lt;rooms; String end = lt;/rooms; String xml = ; for (int i = 0; i lt;list.size(); i++) { xml+=lt;roomlt;roomId +list.get(i).getRoomId()+lt;/roomIdlt;dorName+list.get(i).getDorName()+lt;/dorNamelt;roomNo +list.get(i).getRoomNo()+lt;/roomNolt;freeBeds+list.get(i).getFreeBeds()+lt;/freeBedslt;beds +list.get(i).getBeds()+lt;/bedslt;sex+list.get(i).getSex()+lt;/sexlt;/room; } xml = start + xml + end; response.setCharacterEncoding(utf-8); response.setContentType(text/xml);//把输出的格式设置为输出一个xml PrintWriter out = response.getWriter();//输出字符串。在输出的过程中会处理成xml out.write(xml); out.close(); return null; (2)在后台得到list数据后，拼成字符串然后传给JS 2、js代码 if (XMLHttpReq.readyState == 4) { if (XMLHttpReq.status == 200) { var xmlDoc = XMLHttpReq.responseXML.documentElement; if (xmlDoc == undefined || xmlDoc == null) { return; } var rooms = xmlDoc.getElementsByTagName(room); var table = document.getElementById(table1);//获得JSP页的表格对象 for (var i = table.rows.length - 1; i 0; i--) {//保留表的标题 table.deleteRow(i); } for (var j = 0; j lt; rooms.length; j++) { var roomId = rooms[j].childNodes[0].firstChild.nodeValue; var dorName = rooms[j].childNodes[1].firstChild.nodeValue; var roomNo = rooms[j].childNodes[2].firstChild.nodeValue; var freeBeds = rooms[j].childNodes[3].firstChild.nodeValue; var beds = rooms[j].childNodes[4].firstChild.nodeValue; var sex = rooms[j].childNodes[5].firstChild.nodeValue; var newRow = table.insertRow(); var newCellroomId = newRow.insertCell(); var newCelldorName = newRow.insertCell(); var newCellroomNo = newRow.insertCell(); var newCellfreeBeds = newRow.insertCell(); var newCellbeds = newRow.insertCell(); var newCellsex = newRow.insertCell(); newCellroomId.innerHTML = lt;input type=#39;radio#39; id= + roomId + name=#39;danxuan1#39;/; newCelldorName.innerHTML = dorName; newCellroomNo.innerHTML = roomNo; newCellfreeBeds.innerHTML = freeBeds; newCellbeds.innerHTML =