Question

我有以下ajax调用json文件显示在HTML表格中。最初它起作用但现在正在返回UNDEFINED。

在脚本继续运行之前，json文件是否可能尚未完成加载？

$(document).ready(function() {

    var displayUsers = $('#stage');

    displayUsers.text('Retreiving users...');

    $.ajax({
        type: "GET",
        dataType: "json",
        url: "users.json",
        success: function(result) {
            console.log(result);
            var output = "<table id='user-table' class='table table-hover'><thead><tr><th onclick='sortTable(0)' class='main-header' data-is-only-head='false' style='text-align: left;'>ID</th><th onclick='sortTable(1)' class='main-header' data-is-only-head='false' style='text-align: left;'>Name</th><th onclick='sortTable(2)' class='main-header' data-is-only-head='false' style='text-align: left;'>HighFives</th><th onclick='sortTable(3)' class='main-header' data-is-only-head='false' style='text-align: left;'>Excluded</th></thead><tbody>";
            for (var i in result) {
                output += "<tr><td>" + result[i].id + "</td><td>" + result[i].name + "</td><td>" + result[i].reward + "</td><td>" + result[i].excluded + "</td></tr>";
            }
            output += "</tbody></table>";

            displayUsers.html(output);
            $("table").addClass("table");
        }
    });
});

json文件示例：

{"id":"U123456","gift":0,"reward":0,"name":"joe.smith","excluded":true}

Answer 1

您提供的示例与代码不符;根据您提供的代码段，您的代码应如下所示：

output += "<tr><td>" + result.id + 
           "</td><td>" + result.name + 
           "</td><td>" + result.reward + 
           "</td><td>" + result.excluded + "</td></tr>";

调用jSON的Ajax接收undefined

1 个答案: