0

我正在使用这个Achieving Google Visualization chart reloads using ajax example 从 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)

    {

    die('无法连接:' . mysql_error());

    }

    mysql_select_db("DB_NAME", $con);

    $result = mysql_query("调用 cargosys.rpt_salesByDate('2013/03/05','2013/03/10')");
    $输出 = 数组();
    而($row = mysql_fetch_array($result)) {
        // 创建一个临时数组来保存数据
        $temp = 数组();

        // 添加数据
        $temp[] = $row['inv_no'];
        $temp[] = ''' 。$row['bl_no'] 。''';
        $temp[] = ''' 。$row['inv_date'] 。''';
        $temp[] = ''' 。$row['cust_name'] 。''';
        $temp[] = $row['数量'];

        // 将临时数组内爆成逗号分隔的列表并添加到输出数组
        $输出[] = '[' 。内爆(',',$ temp)。']';
    }

    // 将输出内爆到逗号换行符分隔的列表中并回显
    回声内爆(“,\ n”,$输出);
    //回显 json_encode($output);
    mysql_close($con);

4

1 回答 1

2

在成功函数内部执行:

console.log(responseData);

然后将 responseData 复制并粘贴到 jsonlint.com 的 JSON 验证器中

我猜这是一个 JSON 语法错误,验证器会向您指出。

于 2013-03-11T11:58:31.723 回答