将变量中的数据（不在表单提交上）发送到谷歌表

Question

我是 Vue.js 和 javascript 的新手。我试图将一些数据发送到谷歌工作表但没有成功。我找到了一些关于如何发布数据的信息，但我的数据没有存储在表单中。所以我在没有运气的情况下附加了一个空的“表单”，其中包含我想发布的数据。这是我发布数据的方式：saveToGoogleSheet () {  const scriptURL = 'https://script.google.com/macros/s/.../exec'  const form = ''  var sendingData = new FormData(form)  sendingData.append('starRating', this.feedbackData.starRating)  fetch(scriptURL, {method: 'POST', body: new FormData(sendingData)})    .then(response => console.log('Success!', response))    .catch(error => console.error('Error!', error.message))}这是谷歌脚本var sheetName = 'Sheet1'var scriptProp = PropertiesService.getScriptProperties()function intialSetup () {  var activeSpreadsheet = SpreadsheetApp.getActiveSpreadsheet()  scriptProp.setProperty('key', activeSpreadsheet.getId())}function doPost (e) {  var lock = LockService.getScriptLock()  lock.tryLock(10000)  try {    var doc = SpreadsheetApp.openById(scriptProp.getProperty('key'))    var sheet = doc.getSheetByName(sheetName)    var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0]    var nextRow = sheet.getLastRow() + 1    var newRow = headers.map(function(header) {      return header === 'timestamp' ? new Date() : e.parameter[header]    })    sheet.getRange(nextRow, 1, 1, newRow.length).setValues([newRow])    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()  }}但是谷歌电子表格没有被填充，但如果我 console.log 数据存在。1）我做错了什么？2）另外，有没有办法在不附加空表格的情况下发送数据？3）最后，如果我想发送更多数据，我可以做一些类似的事情吗？sendingData.append({  'starRating' = this.feedbackData.starRating  'nowReading' = this.feedbackData.nowReading})还是我需要做：sendingData.append('starRating', this.feedbackData.starRating)sendingData.append('nowReading', this.feedbackData.nowReading)还是什么？

Answer 1

• 您已经部署了 Web 应用程序以接受价值。

• 你想发送的对象，使这些值像下面的图像的电子表格{"userName":"","userNumber":"","friendName":"","friendNumber":"","inviteMessage":"","nowReading":"S2/E1/","starRating":"4"}用fetch()的Javascript。

如果我的理解是正确的，这个修改怎么样？

改装要点：

• 当使用 POST 方法发送值时，可以使用e.postData.contentsfrom eof检索该值doPost(e)。

• 但在这种情况下，该值需要作为字符串发送。所以请使用JSON.parse().

• 所以请body: JSON.stringify(this.feedbackData)}在fetch()旁边使用。

修改后的脚本：

请修改如下。

Google Apps 脚本：

从：

var newRow = headers.map(function(header) {

  return header === 'timestamp' ? new Date() : e.parameter[header]

})

至：

var params = JSON.parse(e.postData.contents); // Added

var newRow = headers.map(function(header) {

  return header === 'timestamp' ? new Date() : params[header]; // Modified

});

Javascript：

请在您的问题中使用上述“更新”部分的脚本。

saveToGoogleSheet () {

  const scriptURL = 'https://script.google.com/macros/s/.../exec'

  fetch(scriptURL, {method: 'POST', body: JSON.stringify(this.feedbackData)})

    .then(response => console.log('Success!', response))

    .catch(error => console.error('Error!', error.message))

}

笔记：

• 当您修改 Web Apps 的 Google Apps Script 时，请将 Web Apps 部署为新版本。这样，最新的脚本就会反映到 Web Apps 中。请注意这一点。

• 我不确定你的实际电子表格。如果与上图不同，请根据您的情况修改脚本。