- 1、本文档共21页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
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 =
文档评论(0)