javascript - 如何将数组(Google 应用程序脚本)返回到 HTML 侧边栏？

Question

我想将我在 code.gs 中制作的一些数组返回到我的 HTML 侧边栏并使用它来填充选择，到目前为止我有这个:

假设我想对 html 选择使用“['this', 'part', 'of', 'the', 'array', 'for', 'the', 'select']”:

代码.gs

function ExampleArray(){
var tempArr = [['this', 'part', 'of', 'the', 'array', 'for', 'the', 'select'], []];
return tempArr;
}

这就是数组，我需要该数组来填充 html 选择对象，所以我也需要一个 HTML 页面。这是我选择的 HTML 代码:

<script> 
google.script.run.ExampleArray();
</script>    
<div>
         <?
            var data    =  //the array from the code.gs
         ?>
       <div class="two">
       <select id="Select1">
       <? for (var i = 0; i < data.length; ++i) { ?>
       <option><?!= data[i] ?></option>
       <? } ?>
       </select>
       </div>

我怎样才能做到这一点？ :)

Answer 1

您可以使用 successHandler 或只调用脚本，如下所示:

google.script.run.withSuccessHandler(onSuccess).ExampleArray();

function onSuccess( values ){
  $.each(values, function(key, value) {   
     $('#Select1')
         .append($("<option></option>")
         .attr("value",key)
         .text(value)); 
  });
}

或

<?
  var data = ExampleArray();
?>

我的代码总是使用第一种方法，我认为它可以更好地控制应用程序。但这只是一个意见。