谷歌可视化API php ajax
Google Visualization API php ajax
我使用这个实现谷歌可视化图表重新加载使用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");如果(! $ con){'无法连接:'。mysql_error ());}mysql_select_db("DB_NAME",反对美元);$result = mysql_query("call cargosys.rpt_salesByDate('2013/03/05','2013/03/10')");$output = array();While ($row = mysql_fetch_array($result)) {//创建一个临时数组来保存数据$temp = array();//添加数据$temp[] = $row['inv_no'];$temp[] = "。行美元("bl_no")。"‘;$temp[] = "。行美元("inv_date")。"‘;$temp[] = "。行美元("cust_name")。"‘;$temp[] = $row['Amount'];//将temp数组内爆为逗号分隔的列表,并添加到输出数组中$output[] = '['。内爆(',',$temp)。"]";}//将输出分解为以逗号换行符分隔的列表和echoEcho implode(",'n", $output);//echo json_encode(输出);mysql_close (con); success函数内部do:
console.log(responseData);
然后复制并粘贴responseData到jsonlint.com的JSON验证器
我猜这是一个JSON语法错误,验证器会指出给你。
相关文章:
- 将数据保存到数据库(ajax/php)后,使文本字段变灰/禁用
- 如何从ajax php中获取值(can'tget)
- Ajax/Php得到一个以上的结果
- JQuery Ajax PHP中的错误和成功处理
- 通过AJAX/PHP将数据发送到点击的url
- AJAX PHP评论框userid=0?回复=“&”;
- 如何通过ajax php将图像上传到服务器本地目录,其中html表单haven't任何传统的提交按钮
- 远程javascript ajax php攻击
- 从复选框 ajax php javascript 中检索值
- AJAX PHP 连接将行插入数据库
- 我的 Ajax php 代码无法正常工作
- Ajax-PhP communication
- 通过Ajax PHP从Javascript onClick更新数据库
- Ajax/php创建了一个数组——如何以.txt的形式下载给用户
- 检查从ajax/php返回的数据
- 使用AJAX/PHP让HTML按钮将数据插入MySQL数据库
- JQuery $.ajax + php - not run
- 联系表单Javascript/Ajax/PHP不是't工作
- ajax/php注释系统不工作
- jQuery倒计时-应用于通过AJAX/PHP加载的新元素