将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()
    }
  );
}