forms - 将谷歌表单直接嵌入到网站的 html 中

Question

我正在寻找一种从 Google 表单中获取特定字段并将其输入到 html 页面的方法。

  <form>
      <input id="email" type="text" placeholder="email address" value="email">
      <button id="submit" type="submit">Submit</button>
  </form>

当我单击提交时，我希望将该数据提交到特定的 Google 表单。

谢谢

Answer 1

如果您想构建自己的表单，与 Google 分开托管，并提交到 Google 表单，您需要模拟 Google 表单的 POST 请求。首先，您需要获取发送到 Google 的表单数据，然后您需要使用 AJAX 从您自己的页面提交它。

要获取表单数据，请打开 Chrome 的开发人员工具并单击网络选项卡。然后提交包含虚拟数据的 Google 托管表单。单击您在列表中看到的第一项 - 它应该显示“formResponse”。然后您需要从右侧 Pane 的数据中复制两件事:“请求 URL”(您自己的表单将提交的位置)和任何以“条目”开头的内容。在表单数据部分(例如，“entry.123456”)。

接下来，在您自己的页面上构建一个表单，并使用 AJAX 将数据提交给 Google。我这样做的方法是使用 jQuery 来劫持表单提交，这样您的表单就不会尝试提交到您自己的域:

$('.my-form').on('submit', function() {
  e.preventDefault(); 
  $.ajax(
    type:"POST"
    url: "https://docs.google.com/forms/d/your-form-id/formResponse"
    data: {
      'entry.12345': $('.your-form-input').val()
    }
  );
}