如何让 Google 表单检索电子表格数据并将其显示在 Google 网站上？

Question

预期结果：能够在 Google 表单中输入搜索词（可能但不一定；可以是标准网页中的表单），并从 Google 表格中检索相关数据并显示在 Google 站点网络应用程序中。

我在以下问题中学习了如何从参数化 URL 检索数据并显示在 Google 站点中： 如何在 URL 中包含数据以供 Google Apps Script Web 应用程序读取？

因此，检索和显示电子表格数据的“技术”就在那里，但是当涉及到从在线表单而不是 URL 中提取数据时，我不知道从哪里开始。 也许在提交时，以某种方式读取表单值，创建一个参数化的 URL 并转到该页面以显示数据？

Answer 1

这个样本怎么样？ 这是一个非常简单的示例脚本。 请根据您的环境进行修改。 此示例使用搜索文本检索电子表格上的数据，并显示匹配的行。 为了使用这个样本，请执行以下操作。

1. 将以下脚本复制并粘贴到您的脚本编辑器中。
2. 输入用于搜索数据的电子表格 ID 和工作表名称。
3. 部署 Web 应用程序并运行脚本。
4. 输入搜索文本并按“确定”按钮。

脚本：

Google Apps 脚本：code.gs

function doGet() {
  return HtmlService.createTemplateFromFile('index').evaluate();
}

function getData(e) {
  var id = "### Spreadsheet ID ###";
  var sheetname = "### Sheet name ###";
  var data = SpreadsheetApp.openById(id).getSheetByName(sheetname).getDataRange().getValues();
  var ar = [];
  data.forEach(function(f) {
    if (~f.indexOf(e.searchtext)) {
      ar.push(f);
    }
  });
  return ar;
}

HTML : index.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<form>
<input type="text" name="searchtext">
<input type="button" value="ok" onClick="getData(this.parentNode)" />
</form>
<pre id="disp"></pre>

<script>
function dispData(e) {
  $('#disp').text(JSON.stringify(e));
}
function getData(e) {
  google.script.run.withSuccessHandler(dispData).getData(e);
}
</script>

示例电子表格：

结果：

如果我误解了你的问题，我很抱歉。