javascript - 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文件的问题是底部的部分，不知道那是不是真的好。我删除了 te 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 然后将其与 一起使用data.default.activity[0].name .或者，如果这是来自其他地方的全局平均值，则首先解析该数据，它将返回对象，然后使用