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 祝福语驱散霉运的话简短