jQuery ajax动态生成table功能示例
本文实例讲述了jQueryajax动态生成table的方法。分享给大家供大家参考，具体如下：
$(function(){
ajaxT();
});
functionajaxT(){
$.ajax({
type:"POST",
dataType:"json",
url:"<%=basePath%>UserInfoServlet",
data:"doaction=userList",
success:function(data){
createShowingTable(data);
}
}
);
}
//动态的创建一个table
functioncreateShowingTable(data){
vartableStr="";
tableStr=tableStr
+""
+"序号"
+"用户姓名"
+"工号"
+"职位"
+"创建时间"
+"";
varlen=data.length;
for(vari=0;i"
+""+(i+1)+" "
+""+data[i].realName+" "
+""+data[i].userNo+" "
+""+data[i].position+" "
+""+data[i].regTime+" "
+"";
}
if(len==0){
tableStr=tableStr+""
+""+暂无记录+""
+"";
}
tableStr=tableStr+"";
//添加到div中
$("#tableAjax").html(tableStr);
}
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQueryform操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短