使用Google Apps脚本将数组传递给客户端功能？

Question

的HTML

<html>
<table>

 <tr>
  <select id="Ultra"  onchange="getForm()">
          <option value="0.0">1</option>
          <option value="1.0">2</option>
          <option value="2.0">3</option>
          <option value="3.0">4</option>
      </select>
   </tr>
<tr>

<td id="demo">
 <script>

function getForm()
            {
         google.script.run.withSuccessHandler(myFunction).myFuncti();
         }
        function myFunction(arry) 
        { 
           var x = document.getElementById("Ultra").value;
           for(i=0;i<arry.length;++i)
           {
             if(arry[i][0] == x)
             {
              var a = arry[i][1];
              }
              document.getElementById("demo").innerHTML = a;

             }

       }


   </script>
   </td>
   </tr>

</table>
</html>

我使用select创建了一个下拉菜单，之后我调用了客户端函数getForm() 。 在该函数中，我使用google.script.run类调用服务器端函数myFuncti() ，这将返回一个数组，该数组将作为参数传递给客户端函数myfunction() 。

如果使用Logger.log() ，则服务器端函数将成功返回数组值！

这是一个2D数组..我是否以正确的方式将其传递给myFunction() ？

如果您无法解决问题，请添加评论，我会回复

Answer 1

这是代码的外观，请注意使用console.log（）在客户端进行调试（CTRL-SHFT-I通常在浏览器中打开开发人员控制台窗口）：

index.html

<div>
  <select id="Ultra" onchange="getForm()">
    <option value="1.0">1</option>
    <option value="2.0">2</option>
    <option value="3.0">3</option>
    <option value="4.0">4</option>
  </select>
  <p id="demo"></p>
</div>

<script>

function getForm() {

  google.script.run.withSuccessHandler(myFunction).myFuncti();
}

function myFunction(arry) {

  var x = document.getElementById("Ultra").value;
  var y = parseInt(x, 10);
  var i = 0;
  var a;

  console.log('x (string) = ' + x);
  console.log('y (number) = ' + y);  
  console.log(arry);

  for (; i < arry.length; i++) {

    a = arry[i];

    console.log('a = ' + a);

    if (a === y) {

      console.log('a === y');
      document.getElementById("demo").innerHTML = a;
    }
  }
}

</script>

代码

function doGet(form) {

  return HtmlService
    .createHtmlOutputFromFile('index');
}

function myFuncti() {

  return [1, 2, 3, 4];
}

这是一个有效的演示以及脚本。

Answer 2

根据文档，您可以简单地从服务器端函数返回数组，并直接在客户端Javascript中使用。

相关文档： https : //developers.google.com/apps-script/guides/html/communication#parameters_and_return_values

使用浏览器的开发人员工具调试客户端Javascript。

一些猜测：

您的问题可能与您在客户端访问数组的方式有关，也许if(arry[i][0] == x)永远不匹配，或者您对索引1而不是0的引用在线上不正确var a = arry[i][1];

另外，您在if的花括号内声明变量“ a”，然后在这些花括号外分配变量，也许您的意思是：

for(i=0;i<arry.length;++i) 
{
   if(arry[i][0] == x)   
   {
      var a = arry[i][1];
     document.getElementById("demo").innerHTML = a;
   }
}

使用Google Apps脚本将数组传递给客户端功能？

问题描述

的HTML

2 个解决方案

解决方案1
2 已采纳 2015-03-05 09:01:46

解决方案2
0 2015-03-03 18:38:09

使用Google Apps脚本将数组传递给客户端功能？

问题描述

的HTML

2 个解决方案

解决方案1 2 已采纳 2015-03-05 09:01:46

解决方案2 0 2015-03-03 18:38:09

解决方案1
2 已采纳 2015-03-05 09:01:46

解决方案2
0 2015-03-03 18:38:09