这是jsp中需要动态添加、删除行的table:
<div class="detail_list"> <table class="detal_tab" width="100%" cellpadding="0" cellspacing="0" border="1"> <tr> <th>扫描时间</th><th>扫描类型</th><th>公众号</th><th>公众号昵称</th> </tr> </table> </div>
?js代码:
$.post(
"/工程名/namespace/XXX.action",
"传递的参数名="+传递参数的值,
function(data){//异步返回结果
var scanPage = eval("("+data+")");
var tab = $(".detal_tab");//获取表
//每次填充表之前,先清除以前的旧数据
if(tab.size()>0){
tab.find("tr:not(:first)").remove();
}
//填充数据
var list = scanPage.list;//这是一个list集合
for(var i=0;i<list.length;i++){
var str =
‘<tr>‘+
‘<td>‘+list[i].createTimeStr+‘</td>‘+
‘<td>‘+list[i].type+‘</td>‘+
‘<td>‘+list[i].openId+‘</td>‘+
‘<td>‘+list[i].nick+‘</td>‘+
‘</tr>‘;
$(".detal_tab").append(str);
}
}
);
?这样就可以了啊,这是用jQuery实现的,在 网上搜了好多,终于找到了一个相对合适的。
?
原文:http://yunlian0621.iteye.com/blog/2217355