时间戳

首页 > 解决方案 > 尝试访问 json 数组的不同部分并在 HTML 表中使用

jquery - 尝试访问 json 数组的不同部分并在 HTML 表中使用

问题描述

嗨，我正在尝试设置一个网页以从 API 获取一些运动结果，然后将该页面作为覆盖在视频流中显示该运动赛事的芬兰语。

我使用 CURL 来获取数组，将其存储在 $response 中，我可以看到我得到了答案。然后我尝试构建页面，但我不知道如何访问 JSON 的不同部分。

<body>
    <h1>Sprint DM Sörmland 2020</h1>
    <p>Senaste Resultat</p>
<table>
    <tr>
        <th>Name</th>
        <th>Age</th>
        <th>Birthday</th>
    </tr>

    <tbody id="myTable">
        
    </tbody>
</table>
<script>
    var myArray = [
        { "status": "OK", "passings" : [{"passtime": "16:20:29",
                    "runnerName": "Andrew Blyth",
                    "class": "H45",
                    "control": 1000,
                    "controlName" : "",
                    "time": "111:26" },{"passtime": "16:12:15",
                    "runnerName": "Erica Blyth",
                    "class": "D21",
                    "control": 1000,
                    "controlName" : "",
                    "time": "108:09" },{"passtime": "15:59:54",
                    "runnerName": "Björn Normark",
                    "class": "H21",
                    "control": 1000,
                    "controlName" : "",
                    "time": "felst." }], "hash": "4d3d4a2d9d3fefe360568918ed63cc99"}    ]
    
    buildTable(myArray)



    function buildTable(data){
        var table = document.getElementById('myTable')

        for (var i = 0; i < data.length; i++){
            var row = `<tr>
                            <td>${data[i].status}</td>
                            <td>${data[i].runnerName}</td>
                            <td>${data[i].class}</td>
                      </tr>`
            table.innerHTML += row


        }
    }

</script>

如果这完全是新手问题，我很抱歉，但上次我进入一些网页开发.css 刚刚成为一个东西！

问候 /Sebbe

标签： jqueryjson

解决方案

推荐阅读