如何从Web页面调用Google Apps脚本

Question

已经到处找过了。我有一个基本的HTML/CSS/JS的网页。我希望用户能够访问该页面，并在打开页面时，调用了一个谷歌脚本，我做了一个从电子表格的信息，并显示在页面上的一些信息。我希望我不需要像谷歌的教程那样做任何花哨的设置，因为它们对我都没有帮助。

我的网页-> Google Script -> Google Spreadsheet

我的网页<- Google Script <- Google电子表格

用户应该能够选择网页上显示的项目(从电子表格填充的项目)，并单击一个按钮，这将允许用户进入一个新的页面，从所选项目的网址派生。

这本质上是一个聊天室程序，其中聊天室存储在电子表格中。我希望用户能够创建一个新的聊天室，以及应该更新谷歌电子表格。

Answer 1

查看GET参数的使用情况。https://stackoverflow.com/a/14736926/2048063。

Here's a previous question on the topic。

您可以使用e.parameter在doGet(e)函数中访问GET传递的参数。如果调用http://script.google......./exec?method=doSomething，那么

function doGet(e) {
  Logger.log(e.parameter.method);
}

在本例中，doSomething将写入日志。

从脚本返回数据可以使用ContentService来完成，它允许您使用JSON (我推荐)。JSON最容易(在我看来)在GAS端制作，也最容易在客户端使用。

最初的“填充列表”调用看起来像这样。我会用jQuery写它，因为我觉得它很干净。

var SCRIPT_URL = "http://script.google.com/[....PUT YOUR SCRIPT URL HERE....]/exec";
$(document).ready(function() {
    $.getJSON(SCRIPT_URL+"?callback=?",
              {method:"populate_list"},
              function (data) { 
                alert(JSON.stringify(data)); 
              });
});

以及产生这个的相应气体。

function doGet(e) {
  if (e.parameter.method=="populate_list") {
    var v = {cat:true,dog:false,meow:[1,2,3,4,5,6,4]}; //could be any value that you want to return
    return ContentService.createTextOutput(e.parameter.callback + "(" + JSON.stringify(v) + ")")
        .setMimeType(ContentService.MimeType.JAVASCRIPT);
  }
}

此方法称为JSONP，并受jQuery支持。当你把?callback=?放在你的网址后面时，jQuery就能识别它。它将您的输出包装在一个回调函数中，允许该函数以数据作为参数在您的站点上运行。在本例中，回调函数是在读取function (data) {的行中定义的函数。