如何从 Google App Script 中的自定义对话框窗口获取数据？答案

【问题标题】：How to get data from Custom Dialog Window in Google App Script?如何从 Google App Script 中的自定义对话框窗口获取数据？
【发布时间】：2018-10-21 09:49:58
【问题描述】：

我使用 Google 应用脚本在 Google 电子表格中创建了一个 Custom Dialog Window，如下所示：

如何将数据从窗口获取到我的电子表格。

这是我的 HTML 代码：

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>

<form action="google.script.run.testing143()">
  Task Number:<br>
  <input type="text" name="taskNumber" value="">
  <br><br>
   Task Date:<br>
  <input type="text" name="taskDate" value="">
  <br><br>
   Customer Name:<br>
  <input type="text" name="customerName" value="">
  <br><br>
   Customer Site:<br>
  <input type="text" name="customerSite" value="">
  <br><br>
  <select>
  <option value="status">Status</option>
  <option value="complete">Complete</option>
  <option value="scheduled">Scheduled</option>
  <option value="reschedule">Reschedule</option>
  </select>
  <br><br>
   Status Date:<br>
  <input type="text" name="statusDAte" value="">
  <br><br>
   Location:<br>
  <input type="text" name="location" value="">
  <br><br>
   Description:<br>
  <input type="text" name="description" value="">
  <br><br>
  <input type="submit" value="Submit">
</form> 

  <script>
  function testing143(){
  Logger.log('With Success')  ///Doesn't work
  var lmnt = document.getElementByName('usrname'); //Wrong

  }
  </script>
  </body>
</html>

当我点击“提交”时，它会将我带到错误 400 页面。我可以创建一个将数据作为参数的函数，例如：

function getNewTask(number,date,status...)

我可以使用document.getElement 吗？如果有，那是怎么做的？

衷心感谢您的帮助！

【问题讨论】：

您需要使用 google.script.run 将数据从您的 html 对话框传递到电子表格，您可以使用 withSuccessHandler 或 withFailureHandler 从该脚本返回值，请参阅developers.google.com/apps-script/guides/html/reference/run

标签： html google-apps-script

【解决方案1】：

我已获取您的代码并进行了修改。

在 Code.gs 中

function testing143(obj) {
  Logger.log(obj);
  return "hello";
}

在 HTML 文件中

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>

<form id="myForm">
  Task Number:<br>
  <input type="text" name="taskNumber" value="">
  <br><br>
   Task Date:<br>
  <input type="text" name="taskDate" value="">
  <br><br>
   Customer Name:<br>
  <input type="text" name="customerName" value="">
  <br><br>
   Customer Site:<br>
  <input type="text" name="customerSite" value="">
  <br><br>
  <select name="status">
  <option value="status">Status</option>
  <option value="complete">Complete</option>
  <option value="scheduled">Scheduled</option>
  <option value="reschedule">Reschedule</option>
  </select>
  <br><br>
   Status Date:<br>
  <input type="text" name="statusDate" value="">
  <br><br>
   Location:<br>
  <input type="text" name="location" value="">
  <br><br>
   Description:<br>
  <input type="text" name="description" value="">
  <br><br>
  <input type="button" value="Submit" onclick="testing143()">
</form> 

  <script>
  function success(msg) {
    alert(msg);
  }

  function testing143(){
    var form = document.getElementById("myForm").elements;
    var obj ={};
    for(var i = 0 ; i < form.length ; i++){
        var item = form.item(i);
        obj[item.name] = item.value;
    }
    google.script.run.withSuccessHandler(success).testing143(obj);
  }
  </script>
  </body>
</html>

【讨论】：

效果很好。谢谢！