jQuery ajax动态生成table功能示例

本文实例讲述了jQuery ajax动态生成table的方法。分享给大家供大家参考，具体如下：

$(function(){
 ajaxT();
});
function ajaxT(){
 $.ajax({
   type:"POST",
   dataType: "json",
   url:"<%=basePath%>UserInfoServlet",
   data:"doaction=userList",
   success:function(data){
   createShowingTable(data);
}
}
);
}
//动态的创建一个table
function createShowingTable(data) {
 var tableStr = "<table class='tab-list' width='99%'>";
 tableStr = tableStr
   + "<tr class='list-header'>"
   +"<td width='5%'>序号</td>"
   +"<td width='5%'><input id='checkAll' name='checkAll' type='checkbox' /></td>"
   +"<td width='30%'>用户姓名</td>"
   +"<td width='20%'>工号</td>"
   +"<td width='20%'>职位</td>"
   +"<td width='20%'>创建时间</td>"
   +"</tr>";
 var len = data.length;
 for ( var i = 0; i < len; i++) {
  tableStr = tableStr + "<tr>"
    +"<td>"+ (i+1) + "</td>"
    +"<td><input class='check' id='checkOne' name='checkOne' type='checkbox' value='"+data[i].key+"' /></td>"
    +"<td>"+ data[i].realName + "</td>"
    + "<td>"+ data[i].userNo + "</td>"
    + "<td>"+ data[i].position + "</td>"
    +"<td>"+data[i].regTime+"</td>"
    +"</tr>";
 }
 if(len==0){
  tableStr = tableStr + "<tr style='text-align: center'>"
  +"<td colspan='6'><font color='#cd0a0a'>"+ 暂无记录 + "</font></td>"
  +"</tr>";
 }
 tableStr = tableStr + "</table>";
 //添加到div中
 $("#tableAjax").html(tableStr);
}

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery操作json数据技巧汇总》、《jQuery form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

# jQuery  # ajax  # 动态生成  # table  # Jquery ajax请求导出Excel表格的实现代码  # JQuery Ajax动态生成Table表格  # jquery通过AJAX从后台获取信息并显示在表格上的实现类  # bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法  # 用Jquery实现可编辑表格并用AJAX提交到服务器修改数据  # JQuery通过AJAX从后台获取信息显示在表格上并支持行选中  # jQuery+Ajax实现表格数据不同列标题排序(为表格注入活力)  # JQuery DataTable删除行后的页面更新利用Ajax解决  # jQuery DataTables插件自定义Ajax分页实例解析  # jQuery+ajax实现动态添加表格tr td功能示例  # 操作技巧  # 暂无  # 相关内容  # 感兴趣  # 给大家  # 更多关于  # 所述  # 创建一个  # 程序设计  # 选择器  # 讲述了  # data  # doaction  # userList  # UserInfoServlet  # lt  # basePath  # gt  # success  # tab 

相关文章： 网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  建站之星如何修改网站生成路径？  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  网站制作中优化长尾关键字挖掘的技巧,建一个视频网站需要多少钱？  开心动漫网站制作软件下载,十分开心动画为何停播？  如何在VPS电脑上快速搭建网站？  c# 在ASP.NET Core中管理和取消后台任务  手机网站制作与建设方案,手机网站如何建设？  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  建站之星ASP如何实现CMS高效搭建与安全管理？  如何快速使用云服务器搭建个人网站？  大连 网站制作,大连天途有线官网？  建站之家VIP精选网站模板与SEO优化教程整合指南  宝塔建站后网页无法访问如何解决？  建站主机系统SEO优化与智能配置核心关键词操作指南  香港服务器网站卡顿？如何解决网络延迟与负载问题？  西安大型网站制作公司,西安招聘网站最好的是哪个？  javascript中对象的定义、使用以及对象和原型链操作小结  济南网站建设制作公司,室内设计网站一般都有哪些功能？  宝塔新建站点为何无法访问？如何排查？  如何在景安云服务器上绑定域名并配置虚拟主机？  建站主机空间推荐 高性价比配置与快速部署方案解析  如何设置并定期更换建站之星安全管理员密码？  Swift中循环语句中的转移语句 break 和 continue  制作企业网站建设方案,怎样建设一个公司网站？  制作网站的公司有哪些,做一个公司网站要多少钱？  动图在线制作网站有哪些,滑动动图图集怎么做？  如何快速上传自定义模板至建站之星？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  网站制作的步骤包括,正确网址格式怎么写？  如何使用Golang安装API文档生成工具_快速生成接口文档  实现虚拟支付需哪些建站技术支撑？  如何在Windows 2008云服务器安全搭建网站？  XML的“混合内容”是什么 怎么用DTD或XSD定义  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  兔展官网 在线制作,怎样制作微信请帖？  教程网站设计制作软件,怎么创建自己的一个网站？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  宝塔新建站点报错如何解决？  网站专业制作公司有哪些,做一个公司网站要多少钱？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  建站之星代理如何优化在线客服效率？  如何通过IIS搭建网站并配置访问权限？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  制作网站怎么制作,*游戏网站怎么搭建？  如何在Tomcat中配置并部署网站项目？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  油猴 教程,油猴搜脚本为什么会网页无法显示？  宝华建站服务条款解析：五站合一功能与SEO优化设置指南