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

Question

这里先post。

我希望将单元格数据从 Google Sheet 导入到 HTML 元素中。一个例子是 Google Sheet 和商品定价，我可以在其中将单个单元格数据推送到 HTML 元素中。

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

谢谢。

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?

Answer 1

如果您要使用 Google 表格 API，那么它可能是这样的。

我只是给你一个片段来证明这是可行的。

首先使用 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 页面。

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

Import Google Sheets cell data into simple HTML elements

html

cell

google-apps-script

google-sheets-api