我完全理解你的需求——既要用自定义JavaScript实现特定功能（所以放弃Google Form），又不想让用户被迫登录谷歌账号授权（避开常规Google Apps Script的权限限制）。结合你提到的教程思路，这里给你梳理关键配置要点、前端实现框架，以及常见问题的解决方法：

核心配置：确保GAS无需用户授权 #

你已经有了基础的GAS项目，重点要调整部署权限和代码逻辑，避免触发授权要求：

• 部署GAS时，选择**「任何人，甚至匿名」**的访问权限，部署类型选「Web应用」
• 精简GAS代码，只保留表单数据写入Sheet的核心逻辑，不要涉及读取用户隐私等需要权限的操作：

  function doPost(e) {
    // 替换成你的Sheet ID和工作表名称
    const sheet = SpreadsheetApp.openById('你的Sheet唯一ID').getSheetByName('表单数据');
    const formData = e.parameter;
    // 按你的表单字段顺序整理数据，可按需添加时间戳
    const rowData = [formData.username, formData.email, formData.content, new Date()];
    sheet.appendRow(rowData);
    // 返回JSON格式的成功响应，避免前端跨域或解析报错
    return ContentService.createTextOutput(JSON.stringify({status: "success"}))
      .setMimeType(ContentService.MimeType.JSON)
      .setHeaders({'Access-Control-Allow-Origin': '*'}); // 解决跨域问题
  }
  

• 部署完成后，复制生成的Web应用URL，这就是前端表单的提交接口地址

前端表单与自定义JS实现 #

这里给你一个基础框架，你可以基于此扩展你的特定JavaScript功能：

<form id="customForm">
  <input type="text" name="username" placeholder="用户名" required>
  <input type="email" name="email" placeholder="邮箱" required>
  <textarea name="content" placeholder="留言内容"></textarea>
  <button type="submit">提交表单</button>
</form>

<script>
document.getElementById('customForm').addEventListener('submit', async (e) => {
  e.preventDefault(); // 阻止表单默认提交行为
  const formData = new FormData(e.target);
  
  try {
    const response = await fetch('你的GAS Web应用URL', {
      method: 'POST',
      body: new URLSearchParams(formData) // 转换为URL编码格式，适配GAS的参数解析
    });
    const result = await response.json();
    
    if (result.status === "success") {
      alert('提交成功！');
      e.target.reset(); // 重置表单
      // 这里可以添加你的自定义JS逻辑，比如跳转页面、展示感谢语等
    }
  } catch (error) {
    console.error('提交失败:', error);
    alert('提交失败，请稍后重试');
  }
});
</script>

常见问题排查 #

• 跨域报错：如果前端部署在自己的域名下，一定要在GAS的响应里添加Access-Control-Allow-Origin头，上面的代码已经包含了这部分
• 数据未写入Sheet：检查Sheet的权限是否设置为「任何人可编辑」（至少要保证GAS的部署账号能写入），同时核对表单字段名和GAS里e.parameter调用的字段是否完全一致
• 仍出现授权弹窗：重新部署GAS，确认部署时选择的权限是「任何人，甚至匿名」，且部署账号是目标Sheet的拥有者

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