首页 > Web开发 > 详细

ajax动态生成table

时间:2016-03-26 15:19:45      阅读:277      评论:0      收藏:0      [点我收藏+]

$(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);
}

ajax动态生成table

原文:http://www.cnblogs.com/OP-RONG/p/5322864.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!