Google Apps Script无法从Google表格返回数据，无法生成HTML表格

核心错误点 #

• 服务器端函数嵌套错误：getTableData被定义在前端的generateTable函数内部，Google Apps Script的服务器端函数必须是全局顶级函数，否则google.script.run无法调用到它。
• 字符串语法错误：var url = "YOUR URL OF SPREADSHEET;未闭合双引号，会导致脚本报错终止。
• 数据列数不匹配：后端只获取了3列数据（getRange(2,1,ws.getLastRow()-1,3)），但前端试图渲染第4列（r[3]），会出现无效数据。
• DOM属性拼写错误：textcontent是错误写法，正确的DOM属性是驼峰式的textContent，小写写法无法设置文本内容。
• 前端代码作用域错误：表格生成的JS代码未包含在generateTable函数内部，无法访问传入的dataArray参数。

修正后的完整代码 #

1. Google Apps Script 服务器端代码（全局函数）

function getTableData(){
  // 替换为你的表格URL，注意闭合引号
  var url = "YOUR URL OF SPREADSHEET";
  var ss = SpreadsheetApp.openByUrl(url);
  var ws = ss.getSheetByName("pag01");
  // 获取从第2行开始的所有数据行，列数根据实际需求调整（这里保持3列）
  var data = ws.getRange(2, 1, ws.getLastRow()-1, 3).getValues();
  return data; 
}

2. 前端HTML与JS代码

<!-- 假设你的HTML中有table和table-body容器 -->
<table>
  <tbody id="table-body"></tbody>
</table>

<script>
document.addEventListener('DOMContentLoaded', function(){
  google.script.run.withSuccessHandler(generateTable).getTableData(); 
});

function generateTable(dataArray){
  var tbody = document.getElementById("table-body");
  
  // 清空容器避免重复渲染
  tbody.innerHTML = "";

  dataArray.forEach(function(r){
    var row = document.createElement("tr");
    // 根据后端返回的3列数据创建对应td
    var col1 = document.createElement("td");
    col1.textContent = r[0];
    var col2 = document.createElement("td");
    col2.textContent = r[1];
    var col3 = document.createElement("td");
    col3.textContent = r[2];

    row.appendChild(col1);
    row.appendChild(col2);
    row.appendChild(col3);
    tbody.appendChild(row);
  });
}
</script>

额外注意事项 #

• 确保Google Spreadsheet已设置正确的共享权限，允许脚本访问（如果是部署为Web应用，要设置权限为“任何人，甚至匿名”或对应访问权限）。
• 可以在服务器端函数中启用Logger.log(data)，然后通过Google Apps Script编辑器的“查看>日志”检查数据是否正确获取。

内容的提问来源于stack exchange，提问作者thiagohro