我们如何从 google sheet url 读取文件并将其数据转换为 vanillaJS/jsquery 中的 json？

Question

我正在做一个项目，我需要从 google sheet url 读取文件，然后将其内容转换为 json。 然后我将使用该 json 对象在前端显示内容。 但我只想知道我们如何从 google sheet url 读取 excel 文件，然后是否有任何内置函数或外部库可以转换 json 中的数据？

提前致谢。

Answer 1

要通过应用脚本读取电子表格并获取 json，请尝试（您需要知道电子表格的 id 和工作表的 gid）

const readSheet2json = () => {
  var id = '#######';
  var gid = '######';
  var url = `https://docs.google.com/spreadsheets/d/${id}/gviz/tq?tqx=out:json&tq&gid=${gid}`;
  var txt = UrlFetchApp.fetch(url).getContentText();
  var jsonString = txt.slice(47, -2)
  console.log(jsonString)
}

要通过 html 阅读，请尝试使用此脚本（定义 id 为“json”的元素）

var id = '#######';
var gid = '######';
var url = 'https://docs.google.com/spreadsheets/d/'+id+'/gviz/tq?tqx=out:json&tq&gid='+gid;
fetch(url)
  .then(response => response.text())
  .then(data => document.getElementById("json").innerHTML=myItems(data.slice(47, -2))  
  );
function myItems(jsonString){
  var json = JSON.parse(jsonString);
  var table = '<table><tr>'
  json.table.cols.forEach(colonne => table += '<th>' + colonne.label + '</th>')
  table += '</tr>'
  json.table.rows.forEach(ligne => {
    table += '<tr>'
    ligne.c.forEach(cellule => {
        try{var valeur = cellule.f ? cellule.f : cellule.v}
        catch(e){var valeur = ''}
        table += '<td>' + valeur + '</td>'
      }
    )
    table += '</tr>'
    }
  )
  table += '</table>'
  return table
}