Question

我是编码和Stack Overflow的新手，如果我不遵循协议或者我正在复制问题，那么道歉。我确实检查了这些问题，但由于我的知识有限而没有发现任何足够接近的问题。

我已经从网页Original code is here复制了一些代码并对其进行了修改，以适应我的Google表格＆amp; html形式，但我有点卡住了。我已经打开了视图访问权限，所以你可以看到我正在尝试做什么，但我无法添加其他链接，因为我还没有足够的声誉！

我创建了表单，它出现在网站上。如果我从Code.gs页面运行代码，它将在每个有标题的单元格中发布“undefined”。但从网站上的形式没有任何反应。如果我“测试Web应用程序以获取最新代码”和F12，我会收到通知“它无法读取'getpubliclock'的属性”。如果我注释掉公共锁定行，我会收到通知“无法读取'createTextOutput'的属性。

我的Code.gs文件是：

function doGet(e) {

    return HtmlService.createTemplateFromFile('myForm')
    .evaluate()
    .setTitle('eCPC DB v2.0')
    .setSandboxMode(HtmlService.SandboxMode.NATIVE);
};

和myForm.html是：

<div>
    <!-- Use a templated HTML printing scriptlet to import common stylesheet. -->
    <?!= HtmlService.createHtmlOutputFromFile('Stylesheet').getContent(); ?>
    <form>                
        <input type="text" name="FIRSTNAME" id="FIRSTNAME" class="form-control" placeholder="First Name" required>
        <input type="text" name="LASTNAME" id="LASTNAME" class="form-control" placeholder="Last Name" required>
        <input type="text" name="DRIVERNUMBER" id="DRIVERNUMBER" class="form-control" placeholder="Driving Licence Number" required>
        <input type="email" name="EMAILADDRESS" id="EMAILADDRESS" class="form-control" placeholder="Email Address">
        <input type="text" name="CONTACTNUMBER" id="CONTACTNUMBER" class="form-control" placeholder="Telephone Number">
        <BR><BR>
        <input type="submit" id="submit-btn" value="send" onclick=doPost() class="blue">
    </form>

    <script>

    function doPost(e){
        return handleResponse(e);
    }

    function handleResponse(e) {

        var lock = LockService.getPublicLock();
        lock.waitLock(30000);

        try {
            var doc = SpreadsheetApp.openById("1bEJwGt5ixDjvIUH56jcNB5j71rSetrVcvtrjMQCrVp4");
            var sheet = doc.getSheetByName("DRV");

            var headRow = e.parameter.header_row || 1;
            var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0];
            var nextRow = sheet.getLastRow()+1;
            var row = [];

            for (i in headers){
                if (headers[i] == "Timestamp"){
                    row.push(new Date());
                } else {
                    row.push(e.parameter[headers[i]]);
                }
            }

            sheet.getRange(nextRow, 1, 1, row.length).setValues([row]);
            return ContentService
                  .createTextOutput(JSON.stringify({"result":"success", "row": nextRow}))
                  .setMimeType(ContentService.MimeType.JSON);
        } catch(e){
            return ContentService
                  .createTextOutput(JSON.stringify({"result":"error", "error": e}))
                  .setMimeType(ContentService.MimeType.JSON);
        } finally {
            // lock.releaseLock();
        }
    }

    function setup() {
        var doc = SpreadsheetApp.getActiveSpreadsheet();
        SCRIPT_PROP.setProperty("key", doc.getId());
    }

</script>

我已尝试运行Code.gs文件中的所有代码，并且我已经在myForm.html文件的标记内运行了所有代码，但两者都没有。任何人都可以告诉我我做错了什么或者给我一个html表单的例子写一个可以工作的Google电子表格，这样我可以在哪里失败？

谢谢！

Answer 1

请勿在 myForm.html 文件中使用doPost(e)。你必须使用：

google.script.run.someFunctionNameHere();

调用.gs文件中的函数。 handleResponse(e)函数也必须位于.gs文件中。

根本不需要使用doPost(e)。只有在首次使用HTTPS POST请求调用脚本时才会调用此方法。您不需要POST请求将表单输入值发送到服务器。您只需要.gs文件中的函数来接收参数中的数据。

请务必查看表单文档：

Google Documentation - Forms - HTML

html表单没有写入谷歌表

1 个答案: