Javascript 动态把JSON转成表格显示

最新推荐文章于 2023-09-30 18:02:08 发布

choulao8648

最新推荐文章于 2023-09-30 18:02:08 发布

阅读量798

点赞数

文章标签： json javascript ViewUI

原文链接：https://my.oschina.net/TOW/blog/734589

版权

Javascript 动态把JSON转成表格显示

<html>
    <body>
            <table id="table1">
            </table>
    </body>
<script src="http://www.oschina.net/js/2012/jquery-1.7.1.min.js?t=1451961936000"></script>
<script>
  var data = [{name: "Andy",Age:18,Blogs:"OSC"},{name: "Lily",Age:21,Blogs:"OSC111"},{name: "Bou",Age:32,Blogs:"OSCsss"},];
            var html;
            $.each(data, function (index, item) {
                if (index === 0) {
                    html += "<tr>";
                    $.each(item, function (vlaIndex) {
                        html += "<td>";
                        html += vlaIndex;
                        html += "</td>";
                    });
                    html += "</tr>";
                }
                html += "<tr>";
                $.each(item, function (vlaIndex, valItem) {
                    html += "<td>";
                    html += valItem;
                    html += "</td>";
                });
                html += "</tr>";
            });
 $("#table1").html(html);

</script>

</html>

转载于:https://my.oschina.net/TOW/blog/734589