将 Google 表格单元格数据导入简单的 HTML 元素答案

【问题标题】：Import Google Sheets cell data into simple HTML elements将 Google 表格单元格数据导入简单的 HTML 元素
【发布时间】：2017-03-10 04:56:13
【问题描述】：

第一次发帖。

我希望将单元格数据从 Google 表格导入 HTML 元素。一个例子是有一个带有项目定价的谷歌表格，我可以将单个单元格数据推送到一个 HTML 元素中。

我找到了这些帖子，这就是我正在寻找的内容，但我没有看到明确的答案，但这很可能是我缺乏知识。如果有人能指出我正确的方向，那就太好了。我不是要教程，只是专家的意见，所以我最终不会研究不正确的东西并浪费大量时间。

谢谢。

Pull data from a google sheet and display as simple html text

RSSHow can I pull just ONE cell of data at a time for Google Sheets to embed into my HTML content?

【问题讨论】：

不清楚你到底想做什么，你可以创建一个显示单元格内容的网络应用程序，这是可能的。
这是一个apps脚本webapp还是从另一个网页调用脚本？
这将是从另一个网页调用脚本。

标签： html google-apps-script cell google-sheets-api

【解决方案1】：

如果您要使用 Sheets API，那么它的外观可能如下所示。

我会给你一个 sn-p 来证明这是可行的。

首先使用Reading a single range guide从电子表格中获取数据。

GET https://sheets.googleapis.com/v4/spreadsheets/spreadsheet_id/values/range

我在 XMLHttpRequest 中使用的：

function fetchValues(){
         console.log("-----checkIfEmpty-----");
         var xhr = new XMLHttpRequest();
         xhr.open('GET', 'https://sheets.googleapis.com/v4/spreadsheets/'+myspreadsheetId+'/values/'+"Sheet1!"+A+":"+Z);
         xhr.setRequestHeader('Authorization', 'Bearer ' + myAccessToken);

          var arrayBuffer;
          var myArr;

         xhr.onload = function (oEvent) {
             arrayBuffer = xhr.response; // Note: not oReq.responseText
             console.log("arrayBuffer "+ arrayBuffer);
             myArr = JSON.parse(arrayBuffer);

              for(var i = 0; i <= myArr.values.length; i++){
                      document.write(myArr.values[0][i] + "   ");
              }
         };
         xhr.send(null);
      }

使用document.write在html页面上打印。我知道这是一项简陋的工作，并且有适当的方法可以在 html 页面上显示数据，但我只是想证明它是可行的——从电子表格到 HTML 页面。

【讨论】：