将值从 HTML 传递到 Google Apps 脚本上的 Google 脚本？

Question

I need to pass a data value from the HTML to the Google Script on a GAS project.我需要将 HTML 中的数据值传递给 GAS 项目的 Google 脚本。 The parts with comments of the code is the value I need to pass.带有代码注释的部分是我需要传递的值。

gs file .gs 文件

function doGet(e) { 
      if (e.parameter.prefix){ 
        var result = data; // <-- GET VALUE "data" FROM THE HTML "forms.html"
        var content = e.parameters.prefix + '(' +JSON.stringify(result) + ')';
        return ContentService.createTextOutput(content)
        .setMimeType(ContentService.MimeType.JAVASCRIPT);
        
      }
      var html = HtmlService.createHtmlOutputFromFile('Index');
      return html.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
    }

Index.html in GAS project GAS项目中的索引.html

<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
<h1 id='title' style="color: #e31414">SCRIPT</h1>
<h1 id='done' style="display: none"> DATA PASSED</h1>
<button id="btn" onclick="passData()">Run "passData()"</button>
</body>
</html>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script> 
function passData() {
   $('#done').show();
   var data = 'value'; //<-- PASS THIS DATA TO GOOGLE SCRIPT (The .gs file)
}
</script>

Answer 1

Follow these steps:按着这些次序：

in the gs file, create a variable without a value at the very top: var data;在 gs 文件中，在最顶部创建一个没有值的变量： var data;
Create a function below it like so:在它下面创建一个 function，如下所示：

function myfunction(x) {
    data = x;
}

in the Index.html file especially in passData() function, insert this line in the bottom of the function: google.script.run.myfunction(data);在 Index.html 文件中，特别是在passData() function 中，将此行插入 function 的底部： google.script.run.myfunction(data);

Finally, you will be able to use the result variable as the data in doGet() function.最后，您将能够使用result变量作为doGet() function 中的数据。

-- your code should look like this -- --你的代码应该是这样的--

gs file .gs 文件

var data;

function myfunction(x) {
    data = x;
}

function doGet(e) { 
      if (e.parameter.prefix){ 
        var result = data; // <-- GET VALUE "data" FROM THE HTML "forms.html"
        var content = e.parameters.prefix + '(' +JSON.stringify(result) + ')';
        return ContentService.createTextOutput(content)
        .setMimeType(ContentService.MimeType.JAVASCRIPT);
        
      }
      var html = HtmlService.createHtmlOutputFromFile('Index');
      return html.setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);
}

Index.html in GAS project GAS项目中的索引.html

<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
<h1 id='title' style="color: #e31414">SCRIPT</h1>
<h1 id='done' style="display: none"> DATA PASSED</h1>
<button id="btn" onclick="passData()">Run "passData()"</button>
</body>
</html>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script> 
function passData() {
   $('#done').show();
   var data = 'value'; //<-- PASS THIS DATA TO GOOGLE SCRIPT (The .gs file)
   google.script.run.myfunction(data);
}
</script>

将值从 HTML 传递到 Google Apps 脚本上的 Google 脚本？

问题描述

1 个解决方案

解决方案1
1 2021-01-05 19:08:24

将值从 HTML 传递到 Google Apps 脚本上的 Google 脚本？

问题描述

1 个解决方案

解决方案1 1 2021-01-05 19:08:24

解决方案1
1 2021-01-05 19:08:24