Google Apps Script表单提交后如何实现用户重定向？

问题原因 #

你当前的doPost函数返回的是JSON格式响应，浏览器会直接展示该内容。而window.location.replace()是客户端JS代码，直接放在服务端的GAS脚本里不会生效——服务端脚本无法在客户端浏览器中执行。

两种可行解决方案 #

方案1：服务端返回跳转HTML（无需修改前端） #

修改doPost的返回值，用HtmlService生成带跳转逻辑的HTML页面，替代原JSON响应。浏览器加载该HTML后会自动执行跳转。

修改后的完整代码：

const sheetName = 'Sheet1'
const scriptProp = PropertiesService.getScriptProperties()
const SURVEY_URL = 'https://你的调查页面完整URL'; // 替换为实际地址

function initialSetup () {
  const activeSpreadsheet = SpreadsheetApp.getActiveSpreadsheet()
  scriptProp.setProperty('key', activeSpreadsheet.getId())
}

function doPost (e) {
  const lock = LockService.getScriptLock()
  lock.tryLock(10000)

  try {
    const doc = SpreadsheetApp.openById(scriptProp.getProperty('key'))
    const sheet = doc.getSheetByName(sheetName)

    const headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0]
    const nextRow = sheet.getLastRow() + 1

    const newRow = headers.map(function(header) {
      return header === 'Date' ? new Date() : e.parameter[header]
    })

    sheet.getRange(nextRow, 1, 1, newRow.length).setValues([newRow])

    // 成功时返回跳转HTML
    return HtmlService.createHtmlOutput(`
      <script>
        window.location.replace("${SURVEY_URL}");
      </script>
    `);
  } catch (e) {
    // 错误时返回提示或跳转错误页
    return HtmlService.createHtmlOutput(`
      <div>提交失败，请稍后重试</div>
      <script>
        setTimeout(() => window.location.href = "你的表单页面URL", 3000);
      </script>
    `);
  } finally {
    lock.releaseLock()
  }
}

方案2：前端用AJAX提交并手动跳转（更灵活） #

保留GAS的JSON返回逻辑，修改前端表单提交方式——用JS监听提交事件，通过fetch发送数据，成功后手动触发跳转。

前端表单示例代码：

<form id="leadForm">
  <!-- 你的表单字段 -->
  <input type="text" name="Name" placeholder="姓名" required>
  <input type="email" name="Email" placeholder="邮箱" required>
  <button type="submit">提交</button>
</form>

<script>
const FORM_SUBMIT_URL = '你的GAS部署URL'; // 替换为实际部署地址
const SURVEY_URL = 'https://你的调查页面完整URL';

document.getElementById('leadForm').addEventListener('submit', async (e) => {
  e.preventDefault(); // 阻止表单默认提交行为
  const formData = new FormData(e.target);

  try {
    const response = await fetch(FORM_SUBMIT_URL, {
      method: 'POST',
      body: formData
    });
    const result = await response.json();
    
    if (result.result === 'success') {
      window.location.replace(SURVEY_URL); // 成功后跳转调查页
    } else {
      alert('提交失败，请重试');
    }
  } catch (error) {
    alert('网络错误，请检查连接后重试');
  }
});
</script>

注意事项 #

• GAS部署时，访问权限需设置为**"任何人，甚至匿名"**，否则前端无法提交数据。
• 所有URL必须是完整的HTTPS地址，避免跨域或跳转失败。
• 方案1适合快速修改，无需调整前端；方案2更适合需要处理错误提示、加载状态的场景。

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