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 送给学长毕业祝福语简短