javascript - 我有一个 php 文件，它提供 JSON 输出，并希望在 D3 中使用该 JSON

Question

我有一个 php 文件名 test.php，它为我提供了一个 JSON 输出，这是我在 http://jsonlint.com/ 中验证的有效输出。 .我想直接在使用 D3 的 .html 代码中使用该 JSON。

test.php

<?php
    $user = "root";
    $password = "";
    $database = "scheduler";

    $con = mysqli_connect("localhost", $user, $password, $database) or die ("Unable to connect"); 

    $query = "SELECT semone.userid AS id,  semone.semester AS semester, semone.cname AS name, courses.credit AS value, courses.progskill AS skill
    FROM semone
    INNER JOIN courses
    ON semone.cname = courses.coname" ;

    $result = mysqli_query($con,$query)or die ("Unable to connect");

    $lastId = null;
    while ($row = $result->fetch_array(MYSQLI_ASSOC)) {
        $row['xyz'] = array(
                        'name'=> $row['name'],
                        'value'=> $row['value']    
                       );

        $info[$row['semester']]['semester'] = $row['semester'];
        $info[$row['semester']]['children'][]= $row['xyz'];

        $lastId = $row['id'];
    }

    // do not call json_encode on each iteration of the loop
    $data = json_encode(array('id' => $row['id'], 'children' => array_values($info)));
    // echo $data;
?>

我尝试使用从 D3 中的 test.php 创建的 JSON 的 html 代码。

tree.html

var canvas = d3.select("body").append("svg")
        .attr("width",width)
        .attr("height",height + padding);

var data;

d3.json("test3.php", function (error,json) {

    if(error) return console.warn(error);
    data = json;
    console.log(data);

    var treemap = d3.layout.treemap()
        .size([550,550])
        .nodes(data);

    var cells = canvas.selectAll(".cell")
        .data(treemap)
        .enter()
        .append("g")
        .attr("class","cell")

它没有显示任何内容，就好像它无法访问该 JSON 文件一样。但是，当我通过文件夹中保存的一些 JSON 文件使用相同的 JSON 时，它工作正常。所以这个html和php文件的连接存在一些问题。

Answer 1

取消注释 echo $data 。它应该工作正常。