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程序设计有所帮助。