Question

js获取php动态生成的json出错的问题

我打算用php动态查询数据库，生成json格式的数据，然后用js获取这个数据，填入html 表格中，现在的问题是，我用写死的json格式数据测试时，一切正常，但是改用php动态生成的数据时，就读取不出数据了。
js获取数据方法如下：

function getData(){
$.ajax({
url: "sql-quote.php",
success: function(jsondata){
output(jsondata);//output()为自定义输出数据方法
}
});
}

php动态生成json格式数据方法如下：
<?php
header('Content-type: text/json');

include "../classes/FinanceChart.php";
include "../classes/connmysql.php";
include '../classes/PHPExcel/IOFactory.php';

$callback = isset($_GET['callback']) ? $_GET['callback'] : '';
$query = "SELECT * FROM quotes";
$stmt = $conn->query( $query );
while ( $row = $stmt->fetch( PDO::FETCH_ASSOC ) ){
$val['name'] = $row['name'];
$val['value'] = $row['value'];
$arr[] = $val;
unset ($val);
}
$json = json_encode($arr);

echo $json;

$stmt = null;
$conn = null;
?>

Answer 1

用js工具跟踪一下你的ajax请求看看不就知道了吗，比如firefox的firebug，其他浏览器用自带的调试工具就行。看ajax返回的是json类型的数据还是html类型的，以及是不是php端有额外的输出？

比如你的代码中，$arr[] = ...这行，$arr应该在while循环之前声明$arr = array();否则可能会有一个Notice的提示，最后你的输出会变成
Notice: $arr is undefined at line....
[{name:"...", value:"..."},...]
这样js当然无法完成json解析了

追问

我直接把php输出的内容复制下来到本地，读取这个复制下来的文件也没有问题，php输出的数据应该是没错的吧？其他会不会还有什么问题？会不会是ajax获取时出的问题？

追答

复制出来没什么用的，你还需要查看头信息。已firefox的firebug为例，如果php正确相应的话，展开ajax响应的跟踪结果里面会显示json面板，而如果不对的话则会显示html面板。

追问

这样应该是json吧？

追答

点一下json看看啊，如果json没问题就是你的Output方法有问题咯。具体的js错误你也没贴出来

追问

json界面是这样

追答

output方法具体怎么写的呢？

追问

function output(json){
var Data = eval('(' + json + ')');
for(var i=0;i<Data.length;i++){
document.getElementById('h.' + Data[i].name).innerHTML = Data[i].value;
setTimeout(getData, 10000);
}
这样写的，不够长删了一些

追答

...
你的php本身返回的就是json数据，因此不需要再次eval了，把var Data = eval('(' + json + ')');改成var Data = json;就行了

eval用于将已html方式返回的json字符串转换为json对象

Answer 2

PHP输出后需要结束程序 exit();