javascript - 是否可以通过自定义 HTML 表单向 Google 表单提交多个/重复的表单字段？

Question

我正在制作一个自定义 HTML 表单，该表单将按照本指南提交到 Google 表单:https://github.com/heaversm/google-custom-form

我已经设置了表单，因此可以动态添加多个字段。然后，数据会发布到 Google 表单中，以便我可以将其收集到电子表格中。

我有一个(几乎)工作示例 here .

问题是只有第一个数据字段被发送到 Google 表单。任何附加行都不会被捕获。我需要弄清楚如何将创建的每个新行发布到表单中。我尝试创建一个典型的 POST 数组，但最终没有成功，主要是因为我认为 Google 表单通过 URL 提交处理 POST 过程，例如:

var submitURL = (baseURL + q1ID + "=" + inputq1 + "&" + q2ID + "=" + inputq2 +  "&" + q3ID + "=" + inputq3 +  "&" + q4ID + "=" + inputq4 + "&" + q5ID + "=" + inputq5 +  submitRef);

有谁知道这个可以吗？我还尝试查看是否可以将这些数据直接发布到 Google 电子表格中，但我发现的所有内容都表明我需要填写表格。

当前代码(也可以在上面的链接中找到)是:

  <script>
     $('.input-form').one('submit',function(){

         var inputq1 = encodeURIComponent($('.input-q1').val());
         var inputq2 = encodeURIComponent($('.input-q2').val());        
         var inputq3 = encodeURIComponent($('.input-q3').val());
         var inputq4 = encodeURIComponent($('.input-q4').val());
         var inputq5 = encodeURIComponent($('.input-q5').val());

         var q1ID = "entry.287892462";
         var q2ID = "entry.1217545570";
         var q3ID = "entry.635040236";
         var q4ID = "entry.754878743";
         var q5ID = "entry.1383378601";

         var baseURL = 'http://docs.google.com/forms/d/1KTAnAscJpdN4tPehWlUS00aQhz_y7oPZuoBFrTVUctU/formResponse?';
         var submitRef = '&submit=Submit';
         var submitURL = (baseURL + q1ID + "=" + inputq1 + "&" + q2ID + "=" + inputq2 +  "&" + q3ID + "=" + inputq3 +  "&" + q4ID + "=" + inputq4 + "&" + q5ID + "=" + inputq5 +  submitRef);
         console.log(submitURL);
         $(this)[0].action=submitURL;
         console.log('Form sent');
         alert('yay you did it');
     });
  </script>

Answer 1

根据 google 的文档，如果您想提交多个问答，他们接受数据作为数组，并且 http 很好地支持 url 中的数组，因此您的 url 应如下所示。

var SubmitURL = (baseURL + "entry.["+ q1ID +"] = ["+ inputq1 +"] &entry.["+ q2ID +"] = ["+ inputq2 +"] &entry.["+ q3ID +"] = ["+ inputq3 +"] &entry.["+ q4ID +"] = ["+ inputq4 +"] &entry.["+ q5ID +"] = ["+ inputq5 + SubmitRef);

加法1

  <script>
 $('.input-form').one('submit',function(){

     var inputq1 = encodeURIComponent($('.input-q1').val());
     var inputq2 = encodeURIComponent($('.input-q2').val());        
     var inputq3 = encodeURIComponent($('.input-q3').val());
     var inputq4 = encodeURIComponent($('.input-q4').val());
     var inputq5 = encodeURIComponent($('.input-q5').val());

     var q1ID = "287892462";
     var q2ID = "1217545570";
     var q3ID = "635040236";
     var q4ID = "754878743";
     var q5ID = "1383378601";

     var baseURL = 'http://docs.google.com/forms/d/1KTAnAscJpdN4tPehWlUS00aQhz_y7oPZuoBFrTVUctU/formResponse?';
     var submitRef = '&submit=Submit';
     var submitURL = (baseURL + "entry.["+ q1ID +"]=["+ inputq1 +" ]&entry.["+ q2ID +"]=["+ inputq2 +" ]&entry.["+ q3ID +"]=["+ inputq3 +" ]&entry.["+ q4ID +"]=["+ inputq4 +" ]&entry.["+ q5ID +"]=["+ inputq5 + submitRef);
     console.log(submitURL);
     $(this)[0].action=submitURL;
     console.log('Form sent');
     alert('yay you did it');
 });