如何将jQuery字符串添加到Google Sheet的下一个可用行

jQuery是前端运行的DOM操作库，无法直接跨域读写Google Sheet数据，需要搭配Google Apps Script做服务端中转，不需要引入额外第三方服务，操作步骤如下：

• 配置Google Sheet写入端
  打开目标Google Sheet，点击顶部「扩展程序」-「Apps Script」进入脚本编辑页，粘贴以下服务端逻辑后保存，将脚本部署为Web应用，部署时将访问权限设置为「任何人可访问」（私有使用场景可自行加token校验），记录下部署生成的接口地址。

  function doPost(e) {
    const targetSheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
    // 自动定位当前表格最后一行的下一个空行
    const emptyRow = targetSheet.getLastRow() + 1;
    // 接收前端传入的字符串内容
    const writeContent = e.parameter.content;
    // 将内容写入空行的第一列，需要写入多列的话可以自行扩展getRange参数
    targetSheet.getRange(emptyRow, 1).setValue(writeContent);
    // 返回写入结果
    return ContentService.createTextOutput(JSON.stringify({
      code: 0,
      msg: "write success",
      row: emptyRow
    })).setMimeType(ContentService.MimeType.JSON);
  }
  

• 前端jQuery调用逻辑
  在你的前端页面里通过jQuery的POST方法，把需要写入的字符串（比如示例里的var greet = "hi"）传给刚才拿到的接口地址即可，示例代码：

  // 待写入的字符串内容
  const targetString = 'var greet = "hi"';
  $.ajax({
    type: "POST",
    // 替换为你自己部署Apps Script后拿到的接口地址
    url: "你的Apps Script部署接口地址",
    data: {
      content: targetString
    },
    dataType: "json",
    success: function (res) {
      if(res.code === 0) {
        console.log(`写入完成，内容已存入第${res.row}行`);
      }
    },
    error: function () {
      console.log("写入请求发送失败，请检查接口地址和权限配置");
    }
  })
  

注意事项：如果是个人账号使用，部署时一定要确认权限选择正确，否则会出现403权限错误；如果是公开页面使用，建议在请求参数里增加自定义校验字段，服务端先校验字段合法性再执行写入，避免接口被恶意刷数据。

内容的提问来源于stack exchange，提问作者gamer merch