将 Google 可视化查询结果转换为 JSON

Question

我是一名初学者，尝试在 Javascript 应用程序中阅读 Google 表格，使用：https://docs.google.com/spreadsheets/d/mySheetID/gviz/tq?tq=Select%20*%20where%20A%20=%20%22Nan%22&tqx=out:JSON

我可以访问工作表中的该行并将其保存为 JSON，从而为我提供一个内容为“/O_o/”的文件 google.visualization.Query.setResponse..." 这是我无法在 javascript 中进一步处理的文件。

我看到了：converting Google Visualization Query result into javascript array 解决方案似乎是：“如果您在请求中添加名为 X-DataSource-Auth 的标头，则可视化 API 将以 JSON 格式响应”。经过一天的谷歌搜索，我完全找不到我应该在哪里放置这样的标题以及它的语法应该是什么。

但是我已经 82 岁了，这件事一年比一年难熬……有人能指出我正确的方向吗？

Answer 1

收到查询的回复后，
您可以将回复转换为 google data table。

var dataTable = response.getDataTable();

而且google数据表有method将数据表转成JSON。

var jsonData = dataTable.toJSON();

这将返回一个 JSON 字符串。

如果您想使用 JavaScript 处理 JSON，
你可以解析字符串...

jsonData = JSON.parse(jsonData);

JSON 将是一个具有两个属性的对象，cols 和 rows。
你可以看到一个 JSON 结果的例子here...

使用以下代码查看此小提琴以获取工作示例...

https://jsfiddle.net/WhiteHat/5mu9wnbz/1/

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1M3wQgKg3JBF6_hzv1xWONP7HWVYoOvJ1jPbB27IUg94/gviz/tq?gid=0&headers=1');
  query.send(function (response) {
    if (response.isError()) {
      console.log('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
      return;
    };

    var dataTable = response.getDataTable();
    var jsonData = dataTable.toJSON();

    jsonData = JSON.parse(jsonData);
    document.getElementById('cols').innerHTML = jsonData.cols.length;
    document.getElementById('rows').innerHTML = jsonData.rows.length;
    console.log(jsonData);
  });
});