如何在没有iframe的情况下使用Google表单？

Question

几年前,我在互联网上找到了如何在联系人页面中使用Google表单,只使用不带iframe的属性提交按钮操作中的查询.现在,我再也找不到了.是否仍然可以使用没有iframe的Google表单？

Answer 1

我刚发现它!

 function postToGoogle() {
   var field1 = $("input[type='radio'][name='qs1']:checked").val();
   var field2 = $('#feed').val();

   $.ajax({
     url: "https://docs.google.com/forms/d/e/1FAIpQLSdjOTKRb7YiWi8OGPq6M6CRL0TpuAsUKacKp2XgruMbIp4wzg/formResponse",
     data: {
       "entry.924752166": field1,
       "entry.997497831": field2
     },
     type: "POST",
     dataType: "xml",
     statusCode: {
       0: function() {
         //Success message
       },
       200: function() {
         //Success Message
       }
     }
   });
 }

/* 
$(document).ready(function() {
   $('#form').submit(function() {
     postToGoogle();
     return false;
   });
   
});
*/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<strong>Test Google Form</strong>
<form id="form" target="_self" onsubmit="" action="javascript: postToGoogle()">
  <fieldset>
    <label>Question 1</label>
    <input id="qs1_op_1" type="radio" value="Yes" name="qs1" />
    <input id="qs1_op_2" type="radio" value="No" name="qs1" />
  </fieldset>

  <fieldset>
    <label>Text</label>
    <textarea id="feed" name="feed"></textarea>
  </fieldset>
  <div style="width: 100%; display: block; float: right;">
    <button id="send" type="submit">
      Send
    </button>
  </div>
</form>
<br /><br />
The <a href="https://docs.google.com/spreadsheets/d/1bVeLfK2gm6emaGRKHnMllpeb_P4HwwZoIfZB5MCcyZg/pubhtml">Result</a> takes few minutes to be shown, but it is sent to the google sheet instantaneously. 
<br /><br />

它在CodePen中工作.

• 使用您自己的表单和AJAX从您的网页向Google文档发送数据!

Answer 2

这篇文章很旧了，因为有人问过它是如何完成的，所以它可能对某些人有用。我不确定它是否仍然有效。谷歌更新了他们的服务，所以它的工作原理如下：

• 您可以在 W3chools 上使用此在线表单生成器，在新选项卡上打开它。

• 从谷歌驱动器制作谷歌表单，添加完输入后，单击预览表单，单击加载的表单页面的查看源页面，让它在新选项卡上打开。

• 搜索您的谷歌表单的源页面进行输入。，您应该找到类似于entry.1600284689的内容，注意匹配输入名称的条目之前的文本，例如姓名、姓氏或电子邮件，复制号码。

• 转到上面 w3school 的表格链接，然后搜索条目。，您应该在左侧面板中找到匹配的输入，将其粘贴到那里，对另一个输入名称执行相同的操作。

• 在您的表单预览源代码中搜索： <form action=并复制其前面的内容，返回 w3school 的表单链接并找到 <form action= 并将其替换为那里的 id，您就完成了。

• 现在测试表单，填写表单并单击提交，如果所有内容都正确插入，您应该在谷歌表单中获得提交的信息。当测试正常时，从左侧面板复制整个 HTML 代码，将其保存在文本文件中，即可在您的页面或页面的侧边栏中使用。Youtube 上有一个视频是关于这个的，你搜索一下就可以找到。

我希望它有用。