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

Question

在这里的第一篇文章。

我想将单元格数据从Google表格导入到HTML元素中。 一个示例是使用商品定价的Google表格，其中我可以将单个单元格数据推送到HTML元素中。

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

谢谢。

从Google工作表中提取数据并显示为简单的html文本

RSS我如何一次只提取一个单元格的数据以将Google表格嵌入到我的HTML内容中？

Answer 1

如果您要使用Sheets API，则可能是这样。

我只给您一个片段，以证明这是可行的。

首先使用“ 读取单个范围”指南从电子表格中获取数据。

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页面。