ajax动态生成table

Posted 2020-06-29 rong.peimiao

$(function(){
ajaxT();
});
//ajax
function ajaxT(){
$.ajax({
type:"post",
dataType"json",
data:{code:code},
url:"***.action",
success:function(data){
createShowingTable(data)
}
})
}
//动态创建一个table
function createShowingTable(){
var tableStr="<table class=‘tab_list‘ width=‘99%‘>";
tableStr=tableStr
+"<tr class=‘list=header‘>"
+"<td width=‘20%‘>序号</td>"
+"<td width=‘30%‘><input id=‘checkedAll‘ name=‘checkAll‘ type=‘checkbox‘/></td>"
+"<td width=‘50%‘>内容</td>"
+"</tr>";
var len=data.length;
for(var i=0;i<len;i++){
tableStr=tableStr+"<tr>"
+"<td>"+(i+1)+"</td>"
+"<td><input type=‘checkbox‘ class=‘check‘ value=‘"+data[i].key+"‘/></td>"
+"<td>"data[i].neirong+"</td>"
+"</tr>";
}
if(len==0){
tableStr=tableStr+"<tr style=‘text-align:center‘>"
+"<td colspan=‘3‘>暂无记录</td>"
+"</tr>"
}
tableStr=tableStr+"</table>";
//添加到div
$(#tableAjax).html(tableStr);
}