Google App脚本和Html表单无法通信

时间:2017-06-23 11:59:17

标签: ajax google-apps-script

我需要Google表格和Html表单上的Google App脚本帮助。我无法让他们正确连接。表单有一个文本框和两个按钮。用户在文本框中输入名称,然后按开始按钮。开始按钮记录变量的时间。完成后,用户按完成。完成按钮记录时间并处理文本框和开始按钮。此信息将发送回Google App脚本以写入工作表。我想使用AJAX或JQuery调用,但它似乎没有工作。需要一些帮助才能让漂亮的表单正常工作。我尝试过doGet(e)和doGet()函数,但这些函数不起作用。我尝试了很多不同版本的代码。这不是我最后的html表单,但它有相同的观点。如果我单击该按钮,AJAX应该在处理后返回到Google App脚本。 Google App脚本新手,需要帮助。谢谢!

code.gs

function doGet(e) {
var result = "";
try {
  result = "Hi" + e.queryString;
//should write to the spreadsheet the information here
} catch (f) {
result= "Error" + f.toString();
}

result=JSON.stringify({"result":result});
return ContentService
.createTextOutput( "(" + result + ")")
.setMimeType(ContentService.MimeType.JAVASCRIPT);   

}
//where does HtmlService.createHtmlOutput('index.html') go?

的index.html

<!DOCTYPE html>
<html>
<head>
<base target="_top">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>

// Make an AJAX call to Google Script
function callGoogleScript() {

var url = "https://script.google.com/macros/s/" my script id "/exec";
var data = { name: "Tom", city: "Nowhere" };

var request = jQuery.ajax({

url:url+encodeURIComponent(data),

  method: "GET",
  dataType: "jsonp"
});

}

// print the returned data
function ctrlq(e) {
console.log(e.result)
}

</script>
</head>
<body>
<button id="test" name="test" onclick="callGoogleScript()">Test</script>
</body>
</html>

编辑:这适用于Web应用程序。

0 个答案:

没有答案