[我有一个用bootstrap4设计的我的投资组合,并且我已经使用模式进行反馈,我需要在没有Google Form的Google表格中获得访问者的反馈

问题描述 投票:-3回答:1

enter image description here

此图片来自我想获取访问者反馈的模态的引导模态我已经用HTML托管了此投资组合,我需要在没有使用Google Sheet的任何数据库的情况下获得反馈。

html google-sheets bootstrap-4 google-sheets-api google-sheets-query
1个回答
0
投票
为您的一般性问题提供一般性回答:

    如果您使用允许用户输入反馈的自定义HTML表单,则可以将此HTML表单合并到Google Web App中>
  • 您可以实现一个JS脚本功能,该功能将在表单提交客户端上检索输入值+您可以在JS函数中调用带有google.script.run]参数的服务器端Apps脚本函数
  • 在Apps脚本功能中,您可以根据需要将输入值写入电子表格中。
  • 样本:

HTML文件index.html

<!DOCTYPE html> <html> <head> <base target="_top"> </head> <body> <form id="test-form"> <div> <label>Field 1</label> <input type="text" name="field_1" placeholder="Field 1" /> </div> <div> <label>Field 2</label> <input type="text" name="field_2" placeholder="Field 2" /> </div> <button type="submit" id="submit-form" onclick="myJSFunction()">Submit</button> </div> </form> <script> function myJSFunction(){ var data=[]; data.push(document.getElementsByName("field_1")[0].value); data.push(document.getElementsByName("field_2")[0].value); google.script.run.handleResponse(data); } </script> </body> </html>

。gs文件

function doGet(e){ return HtmlService.createHtmlOutputFromFile('index'); } function handleResponse(data) { var sheet = SpreadsheetApp.openById('YOUR SPREADSHEET ID').getSheetByName(SHEETNAME); sheet.getRange('A1').setValue(data[0]); sheet.getRange('B1').setValue(data[1]); }

© www.soinside.com 2019 - 2024. All rights reserved.