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 吃饭后祝福语2026简短
17 生日祝福语哥哥英文简短
18 新年祝福语简短又好听