![](/img/trans.png)
[英]How do I pass a value from an HTML form submission to a Google Sheet and back to HTML in a Google Apps Script Web App
[英]Web App HTML, JS + Google Apps Script: How to go back to my app after return in GAS?
我正在使用HTML,CSS和JavaScript構建一個Web應用程序,並使用Google Spreadsheet作為數據庫。 我打算使用PhoneGap將我的Web應用程序變成一個真正的應用程序。
我現在可以使用Google Visualization API從Google表格中讀取內容,現在我正在研究書寫選項:我在Google Spreadsheet中使用了Google Apps Script的功能集,並且可以正常工作。
這是我的應用程序的工作方式以及我所需要的:
- 我查詢我的第一個Google Spreadsheet(數據庫)
- 如果找不到我需要的東西,可以提出要求
- 我發送請求:表單的操作將我的數據發送到Google Apps腳本代碼
- GAS將我的數據寫入第二個Google Spreadsheet(注冊)
- GAS應該將我發送回我的頁面
- 該頁面在屏幕上發送反饋
如您所理解的那樣,我無法返回到我的網頁...我不知道是否有任何方法或函數可以執行此操作。 我發現的唯一一件事是使用ContentService
來使頁面“編寫另一種表單並使用JavaScript發送”,但我認為這不是最好的解決方案...
我將代碼發布在這里...希望有人能幫助我
function doPost(e){
var sheet = SpreadsheetApp.openById("myID").getSheetByName('SheetName');
var column = 1;
var colArray = sheet.getRange(2, column, sheet.getLastRow()).getValues();
var maxi = Math.max.apply(Math, colArray);
var id = maxi+1;
var name = e.parameter['name'];
var surname = e.parameter['surname'];
var serial = e.parameter['serial'];
var eMail = e.parameter['mail'];
var text = e.parameter['text'];
var area = e.parameter['area'];
var date = new Date();
var ans = ""
var flag = "Work In Progress";
var vals = [id, date, name, surname, serial, eMail, area, text, ans, flag];
var sheetObj = sheet.appendRow(vals);
// return ContentService.createTextOutput(someOutput);
在返回行上,我應該返回到我的Web應用程序,但是我找不到解決方法。 有人可以幫助我或給我一些建議嗎?
非常感謝你的幫助!
S.
這是解決您的問題的方法。
而不是使用return ContentService.createTextOutput(someOutput);
使用HtmlService
返回您的表單
return HtmlService.createHtmlOutputFromFile('redirect').setSandboxMode(HtmlService.SandboxMode.IFRAME);
您的HTML文件應如下所示:
更新: redirect.html
應該與您的應用程序腳本文件位於同一項目中。
redirect.html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<title>This Is A Sample Title</title>
<script>
function test()
{
window.location.href = "www.hostname.com";
}
</script>
</head>
<body onload="test()">
Login
</body>
</html>
看看這是否適合您。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.