1、第一步在我们的电脑上打开软件,新建一个html文件,来将json数据显示在页面表格上,如下图所示:
2、第二步我们在html页面body里面,创建一个表格,并写好表头,如下图所示:
3、第三步我们通过style中css样式来设置表格的样式,如下图所示:
4、第四步我们将json数据放在<script type="text/java衡痕贤伎script"></script>里面,如下图所示:
5、第五步页面加载的时候,通过table.insertRow(),var td = tr.in衡痕贤伎sertCell(),td.innerText方法将json数据插入到页面表格,如下图所示:
6、第六步我们在浏览器中打开html页面,可以看到json中的两条数据显示在表格上了,如下图所示: