forms - 将 google 表单直接嵌入到网站的 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”。然后，您需要从右侧窗格的数据中复制两件事：“请求 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()
    }
  );
}