首页 > 编程语言> > javascript – 如何从Google表格导入数据？

javascript – 如何从Google表格导入数据？

2019-09-30 17:45:27 作者：互联网

如何获取Google电子表格的第一个单元格并将其作为带有JavaScript的字符串输出到HTML文档？

我有一个标有“Website.html”的HTML文档

<!DOCTYPE html>
<html>
     <head>
        <script>
          var textDisplay = Some code to import spreadsheet cell text;
          document.getElementById("display").innerHTML = textDisplay;
        </script>
     </head>
    <body>
        <p id="display"></p>
    </body>
</html>

和标记为“Spreadsheet.xcel”(或任何文件类型)的同一文件夹中的另一个文件.第一个单元格包含文本：“Hello”.

如何将电子表格中的文本导入HTML文档的JavaScript？

解决方法:

您的解决方案将取决于您的数据源;你包括了google-spreadsheet,所以这里有一个答案.只是陈述明显的开始：谷歌电子表格不会是您的服务器上的文件,而是在谷歌驱动器中的“云”.

您可以从javascript中检索谷歌电子表格的内容,这里有一些示例：

> Getting value of a cell from google docs spreadsheet into javascript
> Access Google-apps public spreadsheet via Javascript

将一个数据单元格检索为字符串的基本思路：

>在Google云端硬盘中,创建电子表格.
> Publish the spreadsheet,选择第一个单元格的A1范围.您应该提供以下URL：

https://docs.google.com/spreadsheet/pub?key=SPREADSHEET_KEY&single=true&gid=0&range=A1&output=csv

例

function loadData() {
  var url="https://docs.google.com/spreadsheet/pub?key=p_aHW5nOrj0VO2ZHTRRtqTQ&single=true&gid=0&range=A1&output=csv";
  xmlhttp=new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if(xmlhttp.readyState == 4 && xmlhttp.status==200){
      document.getElementById("display").innerHTML = xmlhttp.responseText;
    }
  };
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
}

<html>
  <body>
    <button type="button" onclick="loadData()">Load Spreadsheet Data</button>
    <div id="display"></div>
  </body>
</html>

您还可以将其视为jsfiddle here.

感谢GPSVisualizer,他们非常友好地发布了我可以用于此示例的公共Google电子表格.

标签：html,javascript,google-sheets,google-spreadsheet
来源： https://codeday.me/bug/20190930/1836453.html