Question

在Google Apps脚本中，我有以下脚本：

function doGet() {
  return HtmlService.createHtmlOutputFromFile('mypage');
}

function writeSomething() {
  return "<h1>hi people</h1>";
}

以及以下html文件：

<html>
  <a id="caller" href="#">update</a>
  <br>
  <div id="div">waiting...</div>
<script>
function go() {
  var a=google.script.run.writeSomething();
  document.getElementById("div").innerHTML=a;
}
document.getElementById('caller').onclick = go;
</script>
</html>

当我点击“更新”链接时，div内容从“等待...”变为“未定义”。我想google.script.run不能作为函数调用。那么，我该如何解决这个问题呢？（显然，这是一个玩具示例;我需要一种方法来更新脚本中的div内容，而不是来自html文件）

Answer 1

函数writeSomething（）以异步方式运行，因此它会发生，但不会像本地函数那样返回响应。（这是JavaScript与服务器通信的标准）。相反，您需要指定一个＆＃34;回调＆＃34; writeSomething（）完成后调用的函数。

以下是HTML的更正版本：

<html>
  <a id="caller" href="#">update</a>
  <br>
  <div id="div">waiting...</div>
<script>
function callback(whatToWrite) {
  document.getElementById("div").innerHTML=whatToWrite;
}
function go() {
  google.script.run.withSuccessHandler(callback).writeSomething();
}
document.getElementById('caller').onclick = go;
</script>
</html>

或者等效地，您可以内联指定回调函数：

...
<script>    
function go() {
  google.script.run.withSuccessHandler(function(whatToWrite) {
    document.getElementById("div").innerHTML=whatToWrite;
  }).writeSomething();
}
...

如何使用google.script.run就好像它是一个函数

1 个答案: