解析来自 Google Sheet Web App 的字符串化 JSON

Question

我正在尝试解析从 google sheet 脚本创建的 web 应用程序的字符串化 JSON 输出。我认为它不会那么复杂，但我已经尝试了所有我能想到的或在网上找到的......所以现在寻求帮助，如果可以的话！

在网络应用/谷歌表格方面，代码是：

function doGet(e) {
  
  var spreadsheet = SpreadsheetApp.openById('spreadsheetID');
  var worksheet = spreadsheet.getSheetByName('Rankings C/U');
  var output = JSON.stringify({ data: worksheet.getDataRange().getValues() });
  
  return HtmlService.createHtmlOutput(output);
}

我已经发布了脚本，网络应用程序可以正常工作，我可以接受。

我在电子表格中输入了随机值：[[1,2],[3,4]]，如果我们以矩阵格式表示的话。

另一方面，我尝试了很多东西，包括 .fetch、JSON.parse() 来在 Google 协作平台嵌入代码中以可用格式获取数据，但真正的问题是我认为我可以'不能将有效负载分配给变量？

我正在使用 Google 协作平台来获取数据。 带有基本模块“ embed”，带有“by URL”选项，代码如下：

https://script.google.com/macros/s/scriptID/exec

我得到以下输出 - 看起来应该是什么：

{"data":[[1,2],[3,4]]}

但是当试图将其包含在脚本模块中时（“嵌入代码”） - 没有机会！

<form name="get-images">
  <input name="test" id="test" value="we'll put the contents of cell A1 here">
</form>

<script>
   const form = document.forms['get-images']
   var usableVariable = JSON.parse("https://script.google.com/macros/s/scriptID/exec"); // here I'm trying to allocate the stringified JSON to a variable
   form.elements['test'].value = usableVariable[1,1]; //allocating the first element of the parsed array  
</script>

我很确定我遗漏了一些明显的东西 - 但现在我已经没有想法了！

感谢您的帮助:)

Answer 1

我相信你的目标如下。

• 在您的情况下，底部脚本嵌入到 Google 网站中。
• 您想从doGet 中检索值，并希望将单元格“B2”的值放入输入标签。
• Web Apps 的设置是Execute the app as: Me 和Who has access to the app: Anyone, even Anonymous。

修改点：

• 就您而言，我认为 return ContentService.createTextOutput(output); 适合代替 Google Apps 脚本中的 return HtmlService.createHtmlOutput(output);。
• 为了从doGet 中检索值，在此修改中，使用了fetch。
• 您想从usableVariable[1,1];中检索单元格“B2”，请将其修改为usableVariable[1][1];

当以上几点反映到你的脚本中时，它变成如下。

修改后的脚本：

Google Apps 脚本方面：

function doGet(e) {
  var spreadsheet = SpreadsheetApp.openById('spreadsheetID');
  var worksheet = spreadsheet.getSheetByName('Rankings C/U');
  var output = JSON.stringify({ data: worksheet.getDataRange().getValues() });
  return ContentService.createTextOutput(output);
}

HTML & Javascript 方面：

<form name="get-images">
  <input name="test" id="test" value="we'll put the contents of cell A1 here">
</form>

<script>
  let url = "https://script.google.com/macros/s/###/exec";
  fetch(url)
    .then((res) => res.json())
    .then((res) => {
      const usableVariable = res.data;
      const form = document.forms['get-images'];
      form.elements['test'].value = usableVariable[1][1];  // usableVariable[1][1] is the cell "B2".
    });
</script>

注意：

• 当您修改 Web Apps 的 Google Apps 脚本时，请将 Web Apps 重新部署为新版本。这样，最新的脚本就会反映到 Web 应用程序中。请注意这一点。
• 在我的环境中，我可以通过嵌入确认上述 HTML 和 Javascript 在 Google 网站中有效。

参考资料：

• Class ContentService
• Using Fetch
• Web Apps