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>

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

标签： javascripthtmljson

Answer 1

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