Question

我做了很多R＆amp; D，在stackoverflow和其他网站上尝试过很多问题但是无法理解我做错了什么。如果帮助我指出我错在哪里，我将非常感激。

如果代码在响应之前跳过但没有使用，也尝试过这个。 Returning array from d3.json()

D3代码

<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
    d3.json("chart_data.php", function(error, data){
        json_Data = data;
        console.log("Error:"+error);
        console.log(json_Data);
    });
</script>
</body>
</html>

错误控制台

Error:SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

数据控制台

undefined

如果我直接在浏览器中运行php文件，我会收到：

[{"value":"1","date":"2016-03-29"},{"value":"0","date":"2016-03-30"},{"value":"3","date":"2016-03-31"},{"value":"2","date":"2016-04-01"},{"value":"2","date":"2016-04-02"},{"value":"5","date":"2016-04-03"},{"value":"1","date":"2016-04-04"},{"value":"1","date":"2016-04-05"},{"value":"0","date":"2016-04-06"}]

这是我的PHP

<?php
require 'db_connection.php';
$sql = "SELECT `y-axis` as value, `x-axis` as date FROM site_data";
$result = $con->query($sql);
$data = array();
if ($result->num_rows > 0) {
    $count = 0;
    while($row = $result->fetch_assoc()) {
        $data[$count]['value'] = $row['value'];
        $data[$count]['date']  = $row['date'];
        $count++;
    }
}
echo json_encode($data);
$con->close();
?>

数据库连接文件

<?php
$con = mysqli_connect("localhost","root","","analytic");
if (mysqli_connect_errno())
  {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
  }
?>

PHP文件和D3文件在同一目录下。

Answer 1

不要将.php文件作为参数传递给d3.json（），而是尝试传递.json文件：

d3.json("chart_data.json", function(error, data){
    json_Data = data;
    console.log("Error:"+error);
    console.log(json_Data);
});

使用php从数据库中获取代码，并使用类似json_encode的内容将其转换为json。在.json文件中输出该数据。不要试图直接从.php文件中读取json。

D3从mysql获取JSON数据总是返回undefined

1 个答案: