отображать json данные с данными - PullRequest
Новая
       20

отображать json данные с данными

1 Ответ

0 голосов
/ 11 июля 2020

Я создал полный пример для вашего вопроса. Вы можете изменить это в соответствии с вашими потребностями. 

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title></title>

</head>

<body>
    <table id="my-table" border="0">
        <thead>
            <tr>
                <th>ID</th>
                <th>User ID</th>
                <th>File name</th>
                <th>Template name</th>
                <th>Success</th>
                <th>Fail</th>
                <th>Created at</th>
                <th>Updated at</th>
            </tr>
        </thead>


    </table>

    <script type="text/javascript" charset="utf-8">
        var responseList = [{
            "summary": {
                "id": 3,
                "user_id": "10",
                "file_name": "demo.xlsx",
                "template_name": "test",
                "success": "0",
                "fail": "0",
                "created_at": "2020-07-10 14:02:13",
                "updated_at": "2020-07-10 14:02:13"
            }
        }];


        var table = document.querySelector('#my-table');
        var tbody = document.createElement('tbody');
        table.appendChild(tbody);


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

            var tr = tbody.insertRow();

            var summary = responseList[i]["summary"];
            console.log(summary);
            for (var key in summary) {
                if (summary.hasOwnProperty(key)) {
                    console.log(key + " -> " + summary[key]);
                    var td = tr.insertCell();
                    td.innerHTML = summary[key];
                    
                }
            }
        }
    </script>
</body>

</html>
...