【发布时间】：2020-08-17 10:38:47
【问题描述】：
我已经使用 GAS 构建了一个网络应用，可将提交时的数据发送到谷歌电子表格。
有时如果我不手动更新谷歌电子表格，刚输入表格的数据不会出现在电子表格中。
为什么？我需要添加的代码中缺少什么？
这是我的代码.gs：
function doGet(request) {
return HtmlService.createTemplateFromFile('Index')
.evaluate();
}
/* @Include JavaScript and CSS Files */
function include(filename) {
return HtmlService.createHtmlOutputFromFile(filename)
.getContent();
}
/* @Process Form */
function processForm(formObject) {
var url = "xxx";
var ss = SpreadsheetApp.openByUrl(url);
var ws = ss.getSheetByName("Data");
ws.appendRow([formObject.azienda,
formObject.test,
formObject.field1,
formObject.field2,
formObject.field3]);
}
function sceltaatecoedatiseguenti() {
var sheet = SpreadsheetApp.openById("xxx").getSheetByName("Sheet3");
var lastRow = sheet.getLastRow();
var myRange = sheet.getRange("A2:D" + lastRow); // Modified
var data = myRange.getValues();
var optionsHTML = "";
for (var i = 0; i < data.length; i+=1) {
optionsHTML += `<option data-values="${data[i][1]};${data[i][2]};${data[i][3]}">${data[i][0]}</option>`; // Modified
};
return optionsHTML;
}
这是我的 javascript.html：
<script>
// Prevent forms from submitting.
function preventFormSubmit() {
var forms = document.querySelectorAll('form');
for (var i = 0; i < forms.length; i++) {
forms[i].addEventListener('submit', function(event) {
event.preventDefault();
});
}
}
window.addEventListener('load', preventFormSubmit);
function handleFormSubmit(formObject) {
google.script.run.processForm(formObject);
document.getElementById("myForm").reset();
}
// Funzione scelta ateco e dati seguenti -prima parte-
function setValues(select) {
const [v1, v2, v3] = select.options[select.selectedIndex].dataset.values.split(";");
document.getElementById("field1").value = v1;
document.getElementById("field2").value = v2;
document.getElementById("field3").value = v3;
}
// Funzione scelta ateco e dati seguenti -seconda parte-
const select = document.getElementById("test");
setValues(select);
select.addEventListener("change", () => setValues(select));
</script>
HTML：
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row justify-content-center">
<div class="col-12">
<form id="myForm" onsubmit="handleFormSubmit(this)">
<h1>Master Leads</h1>
<div class="form-row">
<div class="form-group col-md-12">
<label for="azienda">Azienda</label>
<input type="text" class="form-control" id="azienda" name="azienda" required="">
</div>
<div class="form-group col-md-12">
<span class="badge badge-primary">Codici Ateco</span>
</div>
<div class="form-group col-md-2">
<label for="test">Ateco 1</label>
<select class="custom-select" name="test" id="test">
<?!= sceltaatecoedatiseguenti(); ?>
</select>
</div>
<div class="form-group col-md-10">
<label for="field1">Sottocategoria</label>
<input type="text" class="form-control" id="field1" name="field1" readonly>
</div>
<div class="form-group col-md-8">
<label for="field2">Divisione</label>
<input type="text" class="form-control" id="field2" name="field2" readonly>
</div>
<div class="form-group col-md-4">
<label for="field3">Sezione</label>
<input type="text" class="form-control" id="field3" name="field3" readonly>
</div>
</div>
<button type="submit" class="btn btn-primary btn-block">Inserisci in Master Leads</button>
</form>
<div id="output"></div>
</div>
</div>
</div>
</body>
<?!= include('JavaScript'); ?>
</html>
【问题讨论】：
-
“手动更新电子表格”是指点击刷新按钮吗？
-
@ziganotschka 是的，正确的。或者在我添加一些新行之后。
-
如果您没有点击刷新按钮 - 您是否在等待几分钟后看到来自提交的内容？有时会有一些延迟是正常的。
-
可能是表单提交数据，但只有当我添加一些行或点击刷新按钮时，数据才可见。
-
这个问题有什么解决办法吗？
标签： google-apps-script google-sheets bootstrap-4 web-applications