ajax对于table,ajax动态生成table

$(function(){

ajaxT();

});

function ajaxT(){

$.ajax({

type:"POST",dataType: "json",url:"UserInfoServlet",data:"doaction=userList",success:function(data){

createShowingTable(data);

}

}

);

}

//动态的创建一个table

function createShowingTable(data) {

var tableStr = "

tableStr = 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);

}

总结

以上是编程之家为你收集整理的ajax动态生成table全部内容，希望文章能够帮你解决ajax动态生成table所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。