我正在使用这个Achieving Google Visualization chart reloads using ajax从 Mysql 数据库动态检索数据的示例，我收到“Uncaught SyntaxError: Unexpected token <”错误。 这是我的 HTML 文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.6.1");
google.load('visualization', '1', {packages: ['table']});
</script>
<script type="text/javascript">
function drawVisualization(dataFromAjax) {
var data = new google.visualization.DataTable();
data.addColumn('number', 'InvoiceNo');
data.addColumn('string', 'B/L No');
data.addColumn('date', 'Date');
data.addColumn('string', 'Customer Name');
data.addColumn('number', 'Amount');
data.addRows(dataFromAjax);
var table = new google.visualization.Table(document.getElementById('table'));
table.draw(data);
}
function makeAjaxCall() {
$.ajax({url:'test.php',
data: {},
success: function(responseData) {
var arrayForGviz = eval("(" + responseData + ")");
drawVisualization(responseData);
}
});
}
</script>
</head>
<body>
<input type="button" onclick="makeAjaxCall();return false;" value="Click to get data"></input>
<div id="table"></div>
</body>
</html>
这是我的 PHP 文件 test.php
$con = mysql_connect("localhost","userName","password");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("DB_NAME", $con);
$result = mysql_query("call cargosys.rpt_salesByDate('2013/03/05','2013/03/10')");
$output = array();
while($row = mysql_fetch_array($result)) {
// create a temp array to hold the data
$temp = array();
// add the data
$temp[] = $row['inv_no'];
$temp[] = ''' . $row['bl_no'] . ''';
$temp[] = ''' . $row['inv_date'] . ''';
$temp[] = ''' . $row['cust_name'] . ''';
$temp[] = $row['Amount'];
// implode the temp array into a comma-separated list and add to the output array
$output[] = '[' . implode(', ', $temp) . ']';
}
// implode the output into a comma-newline separated list and echo
echo implode(",\n", $output);
//echo json_encode($output);
mysql_close($con);
最佳答案
在成功函数中执行以下操作:
console.log(responseData);
然后将responseData复制并粘贴到jsonlint.com上的JSON验证器中
我猜这是一个 JSON 语法错误，验证器会向您指出。
关于php - 谷歌可视化 API php ajax，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15337391/