ajax生成table列表,关于jQuery之ajax动态生成table功能实例分享

本文主要介绍了jQuery ajax动态生成table功能,结合具体实例形式分析了jQuery基于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 + "

";

//添加到p中

$("#tableAjax").html(tableStr);

}

相关推荐：

php根据字符串类名动态生成对象的示例分析

动态生成HTML表单的asp.net方法代码示例

js 动态生成html 触发事件传参字符转义的实例