如何使用 Google Web 应用程序在当前页面中附加 html 页面？

Question

我知道如何在 Web 脚本中使用应用程序脚本包含 CSS 或 JS 文件。但这种方式包括页面资源上的文件内容。

我的问题是否可以在当前打开的页面中包含部分html页面？

应用程序脚本包含CSS或JS

/* @Include JavaScript & CSS & HTML-Partial-Views  */
function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename).getContent();
}

，我这样使用

<?!= include('Css'); ?>

，这是我的尝试。

html

<button onclick="getList("users")">show some html content</button> 
<div id="users"></div>
<script>
function getList(users){
   var listUsers = google.script.run.showHtml(users);
   // how to return showHtml result [list of users]
   for (var i; i <= listUsers.length; 1++)
   {
      document.querySelector("#users").innerHTML += <div>listUsers[i]</div>; 
   }
 }
</script>

GS

function users(sheetName, pageName){
   // get users from sheet
   var ss= SpreadsheetApp.openById("435yh35h45b35nh6hg5bwh455j");
   var dataSheet = ss.getSheetByName(sheetName);
   var dataRange = dataSheet.getDataRange().getValues();
   return dataRange;
}

Answer 1

来自代码片段之一

// 如何返回showHtml结果[用户列表]

试试这个：

<button onclick="getList('users')">show some html content</button> 
<div id="users"></div>
<script>
function getList(users){
   var listUsers = google.script.run
     .withSuccessHandler((listUsers) => {
       let list = '';
       for (var i; i < listUsers.length; i++) {
          list += `<div>${listUsers[i]}</div>\n`; 
       }
       document.querySelector("#users").innerHTML = list;
     })
     .showHtml(users);
   
 }
</script>

更改完成

1. 将 "users" 替换为 'users'
2. 添加 withSuccessHandler 并使用箭头函数作为回调。
   箭头函数使用 for 语句（因为它在原始代码中使用）构建一个字符串，其中包括使用模板文字的 div 标记。