ajax动态向表格追加信息,ajax异步获取数据后动态向构建表格并添加数据

需求，要求根据请求动态获取数据表格，，表格行数随数据库中存数据条数展示

1.html中table中含有tbody

hotelSeq酒店名称订单号联系人手机号预定时间userIdcellidgps定位城市wifi定位城市定位距离

2 js方法中 后台查询数据返回jsonArr 。text格式为text[txt[0],txt[1]]。txt[1]中数据为构建表格数据

$.ajax({

type:‘get‘,

url: url,

data: {docMainId: mainId},

dataType:"json",

success:function(text) {var str = "";var data = text[1];for ( var i=0;i

str+= "

" +

"

" + (i+1) + "" +

"

" +" " + ""+

"

" + " " + "";"" +" " + ""; "" +" " +"" +

"

"+" " +"" +

if(data[i].fdUnreceivable==‘0‘||data[i].fdInvoiced==‘0‘){

str+="

"+" " +"" +

"

";

}else{str+= "

"+" " +"" +

"";

}

}tbody.innerHTML=str;}

});

}

3 获取表格数据行数

var tbody=window.document.getElementById("tbody-result");

rows=tbody.rows.length;

原文：https://www.cnblogs.com/dss1025/p/9455791.html