javascript - 显示 json 文件中的数据

Question

我正在尝试从 json 文件中获取内容，但到目前为止我什么也没得到。

我的状态连接== 200，我可以在chrome控制台中看到内容 但是当我尝试将数据显示到 html 表时我什么也没得到，但是当我使用相同的 jquery 代码和来自另一个服务(如 import.io)的 api 时，一切正常。

你能告诉我我做错了什么吗？ 该 API 来自 kimonolabs。

$(document).ready(function () {

    var tabel = '<table><THEAD><caption>Calendário</caption></THEAD>';
    tabel += '<th>' + 'Hora' + '</th>' + '<th>' + 'Equipas' + '</th><th>' + 'jornda' +
        '</th><th>' + 'Data' + '</th>';

    $.ajax({
        type: 'GET',
        url: 'https://api.myjson.com/bins/1dm6b',
        dataType: 'json',
        success: function (data) {
            console.log(data);

            $('#update').empty();

            $(data.m_Marcadores).each(function (index, value) {
                tabel += '<tr><td>' + this.posicao + '</td>' + '<td>' + this.golos + '</td></tr>';
            }); //each

            tabel += '</table>';

            $("#update").html(tabel);

        } //data

    }); //ajax
}); //ready

Answer 1

根据 JSON 结构，您应该迭代 data.results.m_Marcadores 数组:

$(data.results.m_Marcadores).each(function (index, value) {
    tabel += '<tr><td>' + this.posicao + '</td><td>' + this.golos + '</td></tr>';
});

另一个问题。在表头中您设置了 4 列，但在循环中您只创建了其中两列。标题列数应与其他行td相同。

此外，您还需要将第 th 个元素包装在 tr 中。例如固定表头:

var tabel = '<table>' +
            '<THEAD><caption>Calendário</caption></THEAD>' +
            '<tr>' + 
                '<th>Hora</th><th>Equipas</th><th>jornda</th><th>Data</th>' + 
            '</tr>';

演示: http://jsfiddle.net/onz02e43/