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

将Google表单直接嵌入到网站的html中

1 个答案: