ajax动态生成table

原文出处：http://www.52php.cn/article/p-wnbbpgwm-bra.html

1. $(function(){
2. ajaxT();
3. });
4. functionajaxT(){
5. $.ajax({
6. type:"POST",
7. dataType:"json",250)"> url:"<%=basePath%>UserInfoServlet",250)"> data:"doaction=userList",250)"> success:function(data){
8. createShowingTable(data);
9. }
10. );
11. //动态的创建一个table
12. functioncreateShowingTable(data){
13. vartableStr="<tableclass='tab-list'width='99%'>";
14. tableStr=tableStr
15. +"<trclass='list-header'>"
16. +"<tdwidth='5%'>序号</td>"
17. +"<tdwidth='5%'><inputid='checkAll'name='checkAll'type='checkbox'/></td>"
18. +"<tdwidth='30%'>用户姓名</td>"
19. +"<tdwidth='20%'>工号</td>"
20. +"<tdwidth='20%'>职位</td>"
21. +"<tdwidth='20%'>创建时间</td>"
22. +"</tr>";
23. varlen=data.length;
24. for(vari=0;i<len;i++){
25. tableStr=tableStr+"<tr>"
26. +"<td>"+(i+1)+"</td>"
27. +"<td><inputclass='check'id='checkOne'name='checkOne'type='checkbox'value='"+data[i].key+"'/></td>"
28. +"<td>"+data[i].realName+"</td>"
29. +"<td>"+data[i].userNo+"</td>"
30. +"<td>"+data[i].position+"</td>"
31. +"<td>"+data[i].regTime+"</td>"
32. if(len==0){
33. tableStr=tableStr+"<trstyle='text-align:center'>"
34. +"<tdcolspan='6'><fontcolor='#cd0a0a'>"+暂无记录+"</font></td>"
35. tableStr=tableStr+"</table>";
36. //添加到div中
37. $("#tableAjax").html(tableStr);
38. }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!