將json自動轉html表格實例

 

    <div id="tabdiv">

        <table id="tabinfo">

        </table>

    </div>

    <script type="text/javascript">

        var c= [{

                "createtime": "2020-05-19 16:17:50",

                "creator": "張三",

                "fileid": "9c42057f20bf429c8a4bfd684529d418",

                "filename": "test - 副本.csv",

                "id": 1

            },

            {

 

                "createtime": "2020-05-19 16:17:50",

                "creator": "張四",

                "fileid": "9c42057f20bf429c8a4bfd684529d418",

                "filename": "test - 副本.csv",

                "id": 1

            }

        ]

 

        for (var i = 0; i < c.length; i++) {

                var showHtml = "<tr>";

                for (j in c[i]) {

                    showHtml += '<td>' + '<div class="b-type">'+j+'</div>' 

                        +'<div class="b-value">'+c[i][j]+'</div>'+'</td>';

                }

                showHtml += "</tr>";

                $("#tabinfo").append(showHtml);

            }

    

    </script>