javascript - D3 : cannot load json data from database using PHP

Question

我的 D3 代码位于 main.js 中，用于从 PHP 脚本 get_data.php 加载数据并使用 DataTables 显示它。 。加载此初始表后，所有行都被分配一个类 .data-cell，我将其与一个点击监听器绑定(bind)，该监听器使用另一个 PHP 脚本 get_secondary_data.php 加载第二个表>.

$(document).ready(function () {

    d3.json('../php/get_data.php', function (data) {

        console.log(data);  // first console log output

        var rows = add_row(data);
        var cells = add_cell(rows); // draw cells and add class data-cell to each

        $('#data-table').DataTable();

        d3.selectAll('.data-cell').on('click', function (d) {
            // extract the data url
            console.log(d.data_url); // second console log output

            // draw secondary table
            load_secondary_table(d.data_url);

        });
    });
});

function load_secondary_table(data_url) {
    d3.json('../php/get_secondary_data.php', function (secondary_data) {
        console.log(secondary_data); // third console log output

        // drawing secondary table logic
    });
}

第一个脚本加载数据正常，我可以看到第一个控制台日志的输出。第二个控制台日志也很好，我可以看到我单击的正确行的 data_url。但是，第三个控制台日志输出 secondary_data 为 null。

我已经自行运行了第二个 PHP 脚本，它返回了正确的结果。我还检查了 Chrome 的网络选项卡，并在第二个 PHP 脚本的响应中看到了正确的 JSON 输出。它只是没有加载到我的页面中。

我可以知道出了什么问题吗？

Answer 1

您确定返回有效的 json 吗？将第二个脚本的结果复制到 json 验证器