Question

我试图从json文件中获取内容，但直到现在我什么都没得到。

我的状态连接== 200，我可以在Chrome控制台中看到内容但是当我尝试将数据显示到html表时，我什么也得不到，但是当我使用与import.io等其他服务的api相同的jquery代码时，一切正常。

你能告诉我我做错了什么吗？这个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/

显示json文件中的数据

1 个答案: