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 =
显示全部