如何将js数组和普通数组在html的上面table显示出来？

Question

我在学习在html调用js文件和后台传过来的数据绘画表格。网上找不到合适的范例和学习内容。还请各位指教

Answer 1

看你后台传递过来的是什么类型的，如果是json的还好说，直接通过data.key就能获取对用的值了，你要用table显示出来，就用一个for循环来动态插入

var str = "<table>";
for(var key in data){
str += "<tr><td>"+data.name+"</td><td>"+data.age+"</td></tr>";

};
str +="</table>";
后面就是把整个str追加到一个你指定的容器比如div里面了
这只是一个最简单的例子，应该实际的比这个复杂点，不过大概就是这样，你应该能理解

追问

传出来的是对象数组，不过JS数据也可以，我问题是html的引用搞不懂，能给这个js对应的html的简单引用范例吗？

追答

你要想把数据用表格展现出来的话
就我开始说的那样，最简单的拼接字符串，str 就是带数据的整个table 然后document.getElementById("div").innerHTML = str;
这样就会显示出来的是这样

姓名年龄
姓名年龄

Answer 2

获取后台数据，获取table dom，遍历table同时设置innerHTML