Json文件显示为html

Question

我正在尝试将 json 本地文件显示为 html 文件。在谷歌上找到了一些东西，但它真的让我头疼 我得到以下 json 文件：

{

    "activities": [

        {

            "name": "C:\\Windows\\System32\\cmd.exe - python  autotimer.py",

            "time_entries": [

                {

                    "days": 0,

                    "end_time": "2020-04-14 17:14:12",

                    "hours": 0,

                    "minutes": 0,

                    "seconds": 4,

                    "start_time": "2020-04-14 17:14:08"

                },

            ]

        },

和以下 html 文件。我对这个 html 文件的问题是底部的部分，不知道这是否真的好。我删除了 html 部分，因为我不允许我发布我的问题。

<script>

    $(document).ready(function (

        $.getJSON("activities.json", function (data) {

            var activities_data = '';

            $.each(data, function (key, value) {

                activities_data += '<tr>';

                activities_data += '<td>' + value.name + '</td>'

                activities_data += '<td>' + value.days + '</td>'

                activities_data += '<td>' + value.end_time + '</td>'

                activities_data += '<td>' + value.hours + '</td>'

                activities_data += '<td>' + value.minutes + '</td>'

                activities_data += '<td>' + value.seconds + '</td>'

                activities_data += '<td>' + value.start_time + '</td>'

                activities_data += '</tr>'

            });

            $('#activities_table').append(activities_data);

        });

));

</script>

我做错了什么？ 我对这一切都是新手。

Answer 1

如果此本地文件，则首先使用 filename.json 文件类型保存此文件，然后导入或要求该文件（例如 import * as data from filename.json），然后将其与&nbsp;data 一起使用。 default.activities[0].name。或者如果这是来自其他地方的全局平均值，则首先解析该数据，它将返回对象，然后使用