Google Apps Script侧边栏提交按钮无响应问题排查求助

问题根源 #

表单内的<button>默认类型为submit，点击时会触发表单的默认提交行为，导致侧边栏页面刷新，直接中断了google.script.run的执行流程，同时你提前清空formContainer的操作也会导致后续逻辑异常。

修复方案 #

1. 阻止表单默认提交行为（最直接） #

在Submit按钮上显式设置type="button"，避免触发表单默认提交：

<button type="button" onclick="submitComment('${data.referenceSection}', '${data.solution}')">Submit</button>

2. 调整DOM更新时机（确保提交成功后再重置界面） #

将清空容器、恢复主菜单的逻辑移到google.script.run的成功回调中，避免提交失败但界面已重置的情况：

function submitComment(referenceSection, solution) {
  var comment = document.getElementById('comment').value;

  google.script.run
    .withSuccessHandler(function() {
      // 提交成功后再恢复主菜单
      var mainMenuHtml = `
          <button onclick="loadCommentForm()">Add Comment</button>
          <button onclick="google.script.host.close()">Close Sidebar</button>
      `;
      document.getElementById('formContainer').innerHTML = mainMenuHtml;
    })
    .withFailureHandler(showError)
    .appendToAssumptions(comment, referenceSection, solution);
}

调试步骤 #

• 前端日志排查：按F12打开浏览器开发者工具，切换到Console标签，查看是否有语法错误或变量未定义的提示；可在submitComment函数开头添加console.log('提交触发:', referenceSection, solution, comment)，确认函数是否被正常调用。
• 后端日志验证：在appendToAssumptions函数中添加日志输出，然后查看Apps Script的日志（菜单栏「查看」→「日志」），确认是否收到前端传递的数据：

function appendToAssumptions(comment, referenceSection, solution) {
  Logger.log('收到提交数据:', comment, referenceSection, solution);
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('targetsheet');
  sheet.appendRow([comment, referenceSection, solution]);
}

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