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程序设计有所帮助。
热门推荐
3 祝福语简短的微信
10 幼儿祝福语大全简短贺卡
11 感谢教官文案祝福语简短
12 鼠年同事祝福语简短创意
13 元旦祝福语 简短独特群发
14 妈咪跟我生日祝福语简短
15 给儿子新婚祝福语简短
16 伴娘祝福语长文案简短
17 恭喜高考完祝福语简短
18 生日祝福语送老公简短