首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在提交使用Google Scripts构建的HTML表单后重定向到URL?

在使用Google Scripts构建的HTML表单后,可以通过以下步骤实现重定向到指定的URL:

  1. 在Google Scripts中创建一个新的Web应用。在Google Drive中打开一个新的Google Scripts项目,然后选择"文件" -> "新建" -> "脚本文件"。
  2. 在脚本编辑器中,编写以下代码来创建HTML表单并处理表单提交事件:
代码语言:javascript
复制
function doGet() {
  var htmlOutput = HtmlService.createHtmlOutputFromFile('form.html');
  return htmlOutput;
}

function processForm(form) {
  // 处理表单提交的数据
  var name = form.name;
  var email = form.email;
  
  // 执行其他操作...
  
  // 重定向到指定的URL
  return HtmlService.createHtmlOutput('<script>window.location.href = "https://example.com";</script>');
}
  1. 创建一个名为"form.html"的新HTML文件,并在其中定义表单的结构和字段。例如:
代码语言:html
复制
<form id="myForm" onsubmit="submitForm(event)">
  <label for="name">姓名:</label>
  <input type="text" id="name" name="name" required><br><br>
  
  <label for="email">邮箱:</label>
  <input type="email" id="email" name="email" required><br><br>
  
  <input type="submit" value="提交">
</form>

<script>
  function submitForm(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    var form = document.getElementById('myForm');
    google.script.run.processForm(form); // 调用Google Scripts中的处理函数
  }
</script>
  1. 保存并部署Google Scripts项目。点击脚本编辑器中的"发布" -> "部署为Web应用",选择"谁可以访问此应用",然后点击"部署"。
  2. 复制生成的Web应用URL。在部署成功后,会生成一个Web应用URL,类似于"https://script.google.com/macros/s/xxxxxxxxxxxxx/exec"。
  3. 将生成的Web应用URL作为HTML表单的提交目标。将表单的action属性设置为生成的Web应用URL,例如:
代码语言:html
复制
<form id="myForm" action="https://script.google.com/macros/s/xxxxxxxxxxxxx/exec" onsubmit="submitForm(event)">
  <!-- 表单字段... -->
</form>
  1. 当用户提交表单时,Google Scripts将处理表单数据并执行processForm函数。在函数中,你可以处理表单数据,执行其他操作,并通过返回一个包含重定向脚本的HTML输出来实现重定向到指定的URL。
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券