首页 > 解决方案 > 试图将表单 JSON 数据发布到谷歌表

问题描述

我正在尝试使用获取和附加到电子表格对谷歌表做一个发布方法,但我似乎无法让它工作..

这是我的客户端javascript

async function handleSubmit(e) {
 e.preventDefault();
 const _formData = {
  name: "test_name"
 }

 const jsonFormData = JSON.stringify(_formData);

 const fetchConfig = {
  method: 'POST',
  mode: 'no-cors',
  cache: 'no-cache',
  credentials: 'omit',
  headers:{
    'Content-Type':'application/json'
  },
  redirect: 'follow',
  body: jsonFormData
 }
 
 const URL = "my_url";
 await fetch(URL, fetchConfig);
}

这是谷歌应用脚​​本中的代码

function doPost(e){
  
  const body = e.postData.contents,
        bodyJSON = JSON.parse(body),
        sheetName = "test",
        ss = SpreadsheetApp.getActiveSpreadsheet(),
        ws = ss.getSheetByName(sheetName);
  
  ws.appendRow([
    bodyJSON.name
  ]);
}

我做了一个测试,看看我是否可以使用 doGet() 得到响应并且它有效。客户端的 console.log 中没有错误,所以我假设 JSON 已传递到正确的 URL。但是,我的电子表格没有更新。

在我的电子表格中,我有一个列 - 名称。

在此处输入图像描述

标签: javascripthtmljqueryjsonpost

解决方案


推荐阅读