javascript - Google 可视化 API 示例中的 “Invalid JSON string”

Question

我正在尝试通过基于mysql数据库的Google可视化API绘制表格

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">

 google.load('visualization', '1.0', {'packages':['table']});
 google.setOnLoadCallback(drawItems);

 function drawItems(num) {
    //alert(num.value);     
  var jsonTableData = $.ajax({
  url: "gettabledata.php",
  data: "q="+num,
  dataType:"json",
  async: false
}).responseText;

接收 json 的客户端 JavaScript 代码:

 var tabledata = new google.visualization.DataTable(jsonTableData);
 var table = new google.visualization.Table(document.getElementById('table_div'));
 table.draw(tabledata);
 }  

这会导致在构造 DataTable 对象(第一行)时出现以下错误:

Uncaught Error :无效的 JSON 字符串

这是 json(由 google api 生成):

{"cols":[{"id":"Name","label":"Arr Name","type":"string"},{"id":"PMU","label":"PMU","type":"string"}],"rows":[{"c":[{"v":"a_b_c_Yellow"},{"v":"b"}]}]}

Answer 1

您提供的 JSON 有效，如 this fiddle 中所示。 。我对数据进行了硬编码，如下所示:

google.load('visualization', '1.0', {'packages':['table']});
google.setOnLoadCallback(drawItems);

function drawItems(num) {  
    var jsonTableData = '{"cols":[{"id":"Name","label":"Arr Name","type":"string"},{"id":"PMU","label":"PMU","type":"string"}],"rows":[{"c":[{"v":"a_b_c_Yellow"},{"v":"b"}]}]}';

    var tabledata = new google.visualization.DataTable(jsonTableData);
    var table = new google.visualization.Table(document.getElementById('table_div'));
    table.draw(tabledata);
}

这意味着您在此处共享的 JSON 字符串与从 php 文件返回的字符串不完全相同。检查并确保您的回复中没有不可见或意外的字符。