【问题标题】：Retrieving multiple cell value from google sheets in html从 html 中的谷歌表格中检索多个单元格值
【发布时间】：2021-12-05 11:07:11
【问题描述】：

我在编码方面是全新的。我有一个代码可以根据谷歌发布的表格的特定范围检索单元格值。特定的单元格值来自 google sheet url。因为我在网址中专门添加了&range=A1。以将url改为&range=A1:F20为例，可以扩大怒火。

我的代码运行良好。问题是，它只解析一个单元格值。

我想要什么：

我想同时解析更具体的单元格值（例如 A1、A3、C5、F9 等），而不需要多次请求 google sheet 链接。

通过使用以下代码，我只能检索和显示一个单元格值。

<body onload='loadData()'>
<div id="display"></div>

但我想检索更多单独的单元格值。（例如 A1、A3、C5、F9 等）

代码如下：

<!DOCTYPE html>
<html>

<body>

<body onload='loadData()'>
<div id="display"></div>


<script>

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);
}


</script>
</body>

</html>

你能帮忙吗？

非常感谢。

【问题讨论】：

使用Google Sheets API 和他们的library for the web 可能会更好。

标签： javascript google-apps-script google-sheets

【解决方案1】：

      var url="https://docs.google.com/spreadsheet/pub?key=p_aHW5nOrj0VO2ZHTRRtqTQ&single=true&gid=0&range=A1:F20&output=csv";
      xmlhttp=new XMLHttpRequest();
      xmlhttp.onreadystatechange = function() {
        if(xmlhttp.readyState == 4 && xmlhttp.status==200){
          const result = xmlhttp.responseText;
          const values = result.split('\n').map(row => row.split(','));
          console.log(values[0][0]); // A1
          console.log(values[2][0]); // A3
          console.log(values[4][2]); // C5
          console.log(values[8][5]); // F9
        }
      };
      xmlhttp.open("GET",url,true);
      xmlhttp.send(null);

【讨论】：

嗨，当我使用你的代码时，它什么也没有显示。能否提供完整代码？
它只是记录。没有人知道您要以什么格式插入到 html 中。
我想在不同的地方分别将谷歌表格单元格值显示为 html 中的文本/数字。例如，在标签内。请帮忙。请添加完整代码。这样我就可以使用您的代码并在各个位置（需要时）显示单个单元格值。
例如，我想在表格内显示单元格值。 A1的单元格值 A3的单元格值 A5的单元格值等
我正在等待您的回复。请回复。如果您有任何疑问，请问我。希望你会有所帮助。谢谢