新闻中心
这里有您想知道的互联网营销解决方案
怎么在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 = "
序号" +" | " +" | 用户姓名" +" | 工号" +" | 职位" +" | 创建时间" +""; var len = data.length; for ( var i = 0; i < len; i++) { tableStr = tableStr + "" +""+ (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中利用ajax动态生成table,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
网页标题:怎么在jQuery中利用ajax动态生成table
浏览路径:http://jxjierui.cn/article/gjoeih.html