在邮件HTML表格中填充JS变量遇阻求助

1. 确认数据传递与模板渲染逻辑 #

GS端必须确保计算后的数据正确传入HTML模板，且调用evaluate()生成最终HTML：

function generateAndSendEmail() {
  // 你的数据计算逻辑（日志已确认数据正确）
  const tableData = [
    {name: "A", value: 100},
    {name: "B", value: 200}
  ];
  
  // 加载HTML模板并传递数据
  const template = HtmlService.createTemplateFromFile("EmailTableTemplate");
  template.data = tableData; // 变量名需与HTML模板中一致
  const htmlBody = template.evaluate().getContent();
  
  // 发送邮件时必须指定htmlBody参数
  GmailApp.sendEmail(
    "target@example.com",
    "数据报表",
    "请使用支持HTML的邮箱查看", // 纯文本降级内容
    {htmlBody: htmlBody}
  );
}

2. 检查HTML模板的语法正确性 #

确保HTML模板中遍历数据的脚本标签语法正确，且数据字段匹配：

<!-- EmailTableTemplate.html -->
<table style="border-collapse: collapse; width: 100%;">
  <thead>
    <tr>
      <th style="border: 1px solid #ccc; padding: 8px;">名称</th>
      <th style="border: 1px solid #ccc; padding: 8px;">数值</th>
    </tr>
  </thead>
  <tbody>
    <? for (const item of data) { ?>
    <tr>
      <td style="border: 1px solid #ccc; padding: 8px;"><?= item.name ?></td>
      <td style="border: 1px solid #ccc; padding: 8px;"><?= item.value ?></td>
    </tr>
    <? } ?>
  </tbody>
</table>

• 用<? ?>包裹循环逻辑，<?= ?>输出变量（自动转义HTML）
• 确认模板中使用的字段名（如item.name）与GS传递的数据结构完全一致

3. 验证邮件发送的参数配置 #

• 必须通过htmlBody参数传递HTML内容，而非默认的body参数（body仅支持纯文本）
• 若使用MailApp.sendEmail，参数格式为：MailApp.sendEmail(to, subject, plainTextBody, {htmlBody: htmlContent})

4. 排查数据结构匹配问题 #

本地测试的假数据结构可能与GS生成的真实数据不一致：

• 在GS中执行Logger.log(JSON.stringify(tableData))，复制日志中的JSON结构
• 对比本地测试用的假数据，确认字段名、层级完全一致（比如是否存在大小写差异、嵌套结构不同）

5. 检查模板渲染的权限与异步问题 #

• 如果数据计算依赖异步操作（如UrlFetchApp、Spreadsheet API调用），确保所有异步操作已完成再渲染模板
• 避免在模板中直接调用需要授权的服务，所有数据需提前在GS端计算完成后传入模板

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