D3从mysql获取JSON数据,总是返回未定义的数据
D3 get JSON data from mysql always returning undefined
我做了很多R&D、 在stackoverflow和其他网站上尝试了很多问题,但无法理解我做错了什么。如果能帮我指出自己的错误,我将非常感激。
如果代码在响应前跳过但未使用,也可以尝试此操作。从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文件在同一目录下。
不要将.php文件作为参数传递给d3.json(),而是尝试传递.json文件:
d3.json("chart_data.json", function(error, data){
json_Data = data;
console.log("Error:"+error);
console.log(json_Data);
});
使用php从DB中获取代码,并使用类似json_encode
的东西将其转换为json。将数据输出到.json文件中。不要试图直接从.php文件中读取json。
相关文章:
- JSON数组数据返回Undefined
- AngularJS中的页面之间共享数据返回空
- post()向服务器动态生成的数据返回空响应
- 如何从jQuery对象文本正确调用服务器端ASP.NET并将数据返回给jQuery
- d3从mysql数据库导入数据返回“0”;未定义”;
- JSON可以't访问数据返回未定义
- 让 ajax 数据返回到调用函数 - 需要澄清之前的答案
- ajax 调用 PHP 数据返回 VM92:1 未捕获语法错误:意外的标记 {.
- Jquery ajax 请求无法将数据返回给其他函数
- 在 jquery 中将数据返回给 ajax 调用
- Meteor.methods:从内部回调将数据返回给客户端
- 将PHP数据返回到我当前的网页,供Javascript访问
- ajax 调用如何将数据返回给变量
- 将数据返回到索引.js节点表达式
- j查询帖子数据返回比较不起作用
- 节点 API 未将数据返回给客户端 ajax 请求
- jQuery 函数在 AJAX 数据返回上不起作用
- AJAX 将数据返回给 jquery
- 中继:获取递归数据返回空值
- 根据chrome.storage中的数据返回chrome.webRequest.onBeforeRequest的值