Google apps script GAS web应用程序表单到电子表格不更新自身_Google Apps Script_Google Sheets_Bootstrap 4_Web Applications

Google apps script GAS web应用程序表单到电子表格不更新自身

google-apps-script google-sheets bootstrap-4 web-applications

Google apps script GAS web应用程序表单到电子表格不更新自身,google-apps-script,google-sheets,bootstrap-4,web-applications,Google Apps Script,Google Sheets,Bootstrap 4,Web Applications,我已经用GAS构建了一个web应用程序，可以在提交到谷歌电子表格时发送数据有时，如果我不手动更新google电子表格，表格中刚输入的数据就不会出现在电子表格中为什么?？我需要添加的代码中缺少某些内容这是我的代码。gs: function doGet(request) { return HtmlService.createTemplateFromFile('Index') .evaluate(); } /* @Include JavaScript and CSS Files

我已经用GAS构建了一个web应用程序，可以在提交到谷歌电子表格时发送数据

有时，如果我不手动更新google电子表格，表格中刚输入的数据就不会出现在电子表格中

为什么?？我需要添加的代码中缺少某些内容

这是我的代码。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;
}

<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>

<!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>

功能数据集（请求）{
返回HtmlService.createTemplateFromFile（'索引'）
.评估（）；
}
/*@包含JavaScript和CSS文件*/
函数包括（文件名）{
返回HtmlService.createHtmlOutFromFile（文件名）
.getContent（）；
}
/*@进程表*/
函数processForm（formObject）{
var url=“xxx”；
var ss=SpreadsheetApp.openByUrl（url）；
var ws=ss.getSheetByName（“数据”）；
ws.appendRow（[formObject.azienda，
formObject.test，
formObject.field1，
formObject.field2，
formObject.field3]）；
}
函数sceltaatecoedatasiteguenti（）{
var sheet=SpreadsheetApp.openById（“xxx”）.getSheetByName（“Sheet3”）；
var lastRow=sheet.getLastRow（）；
var myRange=sheet.getRange（“A2:D”+lastRow）；//修改
var data=myRange.getValues（）；
var optionsHTML=“”；
对于（变量i=0；i


这是我的javascript.html:
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;
}

<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>

<!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>


//阻止表单提交。
函数preventFormSubmit（）{
var forms=document.queryselectoral（'form'）；
对于（var i=0；isetValues（选择））；

HTML:
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;
}

<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>

<!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>


主要领导
阿齐恩达
科迪奇阿泰科酒店
Ateco 1
Sottocategoria
分部
塞锡安
主引线中的Inserisci
使用电子表格测试后的结论：
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;
}

<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>

<!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>

我可以用你的电子表格重现这个问题
我可以在复制你的电子表格时重现这个问题
创建全新电子表格时不会出现此问题
因此，该问题必须与电子表格中的某些设置相关
您可以从头开始创建新的电子表格，也可以使用以下解决方法：
转到文件->电子表格设置
并将计算
更改为每分钟更改一次
这似乎解决了你的问题
使用电子表格测试后的结论：
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;
}

<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>

<!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是的，正确。或者在我添加了一些新行之后。如果你没有点击刷新按钮，你会在等待几分钟后看到来自提交的内容吗？或者根本没有？有时会出现一些延迟是正常的。可能是表单提交了数据，但只有当我添加一些行或点击“刷新”按钮时，数据才可见。这个问题的解决方案是什么？通过“手动更新电子表格”是指点击“刷新”按钮吗？@ziganotschka是的，正确。或者在我添加了一些新行之后。如果你没有点击刷新按钮，你会在等待几分钟后看到来自提交的内容吗？或者根本没有？有时会出现一些延迟是正常的。可能是表单提交了数据，但只有当我添加一些行或点击刷新按钮时，数据才可见。有没有解决此问题的方法？我已经在您的原始sreadsheet中执行了此更改，从那时起，它对我有效。