#javascript #google-apps-script #web-applications #google-sheets #forms
#javascript #google-приложения-скрипт #веб-приложения #google-таблицы #формы
Вопрос:
Я не могу получить данные для перехода на правильный лист при использовании google-apps-scripts для отправки данных HTML-формы в документ GoogleSheets. У меня есть данные, которые записываются в Google sheet, поэтому я уверен, что я правильно обновляю приложение gs, когда я это делаю, но только одна из таблиц работает в любое время. Я не могу перенести данные с моей второй страницы формы на отдельный лист.
Я студент колледжа второго семестра, поэтому я не совсем понимаю все, что использую, некоторые разделы взяты из руководств, другие — из материалов моего учителя (ему любопытно посмотреть, смогу ли я заставить это работать), а форма всего за 10 минут с шаблоном bootstrap предназначена только для базового тестирования.
Я открыт для всех предложений помочь с этим, но я был бы признателен, если бы это было легко расширено, чтобы иметь возможность включить дополнительные вкладки позже в проект. Спасибо, что уделили мне время.
meetingeventtracker.раздел html-формы fundrasingrequest.html по сути, это одно и то же, но с разными идентификаторами и именами
<div class="col-md-8">
<input type="text" id="orgNameMET" name="orgNameMET" class="form-control-md form-control inputs" placeholder="Enter Organization Name">
<input type="text" id="repNameMET" name="repNameMET" class="form-control-md form-control inputs" placeholder="Enter Name of Representative">
<input type="email" id="repEmailMET" name="repEmailMET" class="form-control-md form-control inputs" placeholder="Enter Email of Representative">
<input type="date" id="dateOfMeeting" name="dateOfMeeting" class="form-control-md form-control inputs" placeholder="Enter Date of Meeting/Event">
<input type="time" id="timeOfEvent" name="timeOfEvent" class="form-control-md form-control inputs" placeholder="Enter Time of Meeting/Event">
<input type="number" id="meetingCosts" name="meetingCosts" class="form-control-md form-control inputs" placeholder="Enter Cost of Meeting">
<input type="text" id="futureEvents" name="futureEvents" class="form-control-md form-control inputs" placeholder="Enter Future Events">
<input type="text" id="ifFund" name="ifFund" class=form-control-md form-control inputs="IF fundraiser" value="meet" style="opacity: 0;">
<button type="submit">Submit Data</button>
</div>
google-sheets.js что я использую для отправки данных из форм в
скрипт
/*jslint browser: true*/
/*global $, jQuery, alert*/
// Variable to hold request
var request;
$("#foo").submit(function(event){
if (request) {
request.abort();
}
var $form = $(this);
var $inputs = $form.find("input, button");
var serializedData = $form.serialize();
$inputs.prop("disabled", true);
request = $.ajax({
url: "https://script.google.com/macros/s/AKfycbzc9hr7HFK10LBVP_UnOvVyUsTDslD4GBq50olyGdP5br6TBkE/exec",
type: "post",
data: serializedData
});
request.done(function (response, textStatus, jqXHR){
console.log("Hooray, it worked!");
console.log(response);
console.log(textStatus);
console.log(jqXHR);
});
request.fail(function (jqXHR, textStatus, errorThrown){
console.error(
"The following error occurred: "
textStatus, errorThrown
);
});
request.always(function () {
$inputs.prop("disabled", false);
});
event.preventDefault();
});
Code.gs скрипт Google Apps, я не знаю, каким должен быть параметр, чтобы заставить приложение переключать вкладки в таблицах в зависимости от того, какая форма была отправлена
var tabs = [
'MeetingEventTracker',
'FundRaisingRequest'
];
//var SHEET_NAME = tabs[1];
var SCRIPT_PROP = PropertiesService.getScriptProperties();
function doGet(e) {
return handleResponse(e);
}
function doPost(e) {
return handleResponse(e);
}
function handleResponse(e) {
var lock = LockService.getPublicLock();
lock.waitLock(30000); // wait 30 seconds before conceding defeat.
try {
var doc = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key"));
for (i = 0; i < 12; i ){
if (e.parameter[i] = "meet") {
var SHEET_NAME = tabs[1];
} else if (e.parameter[i] = "fund") {
var SHEET_NAME = tabs[0];
}
}
var sheet = doc.getSheetByName(SHEET_NAME);
var headRow = e.parameter.header_row || 1;
var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0];
var nextRow = sheet.getLastRow() 1; // get next row
var row = [];
// loop through the header columns
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 { //release lock
lock.releaseLock();
}
}
function setup() {
var doc = SpreadsheetApp.getActiveSpreadsheet();
SCRIPT_PROP.setProperty("key", doc.getId());
}
Комментарии:
1. Где
#foo
?2. привет, я не знаю, что это значит, я в основном сам учусь большей части этого. большая часть кода — это то, что я смог собрать из руководств или советов моего учителя, поэтому я не обладаю самыми полными знаниями ни о одной из используемых технологий.
3. Вы написали в своем JavaScript,
var request; $("#foo").submit(function(event){
но в вашем html естьno id="foo"
. Также $ предполагает, что вы используете jQuery, так что вы загрузили ресурсы для jQuery?