如何用UrlFetchApp提交表单POST数据并打开带数据的目标页面？

我明白你的困境——你想用UrlFetchApp在服务器端POST数据，但同时希望用户的浏览器打开携带这些数据的目标页面，结果用OpenLink打开的页面根本没带上数据。这其实是因为**UrlFetchApp的请求和用户浏览器的请求完全是两个独立的上下文**：前者是Google服务器发起的，后者是用户本地浏览器发起的，两者的数据不共享。

下面给你两种针对性的解决方案：

方案1：如果目标页面支持GET参数（简单快捷） #

如果目标页面可以接受GET方式传递数据，你可以把表单数据转换成GET参数拼在URL后面，然后让浏览器打开这个带参数的链接。不过要注意GET参数有长度限制，而且敏感数据不适合用这种方式传递。

示例代码（修改你的GS函数）：

function submitForm(e) {
  var form = e.formInput;
  // 把表单数据转成GET参数
  var params = [];
  for (var key in form) {
    params.push(encodeURIComponent(key) + '=' + encodeURIComponent(form[key]));
  }
  var urlWithParams = "https://script.google.com/macros/s/AKfycbyC4jcR7qq6pFr-BYADYaDHAB10X3OeOQaB7dygWnoOT_iMmm8/exec?" + params.join('&');
  
  // 返回一个自动跳转的HTML页面
  return HtmlService.createHtmlOutput(`
    <script>
      window.open('${urlWithParams}', '_blank');
      // 如果需要关闭当前页面或返回原页面，可以加下面的代码
      // window.close();
    </script>
  `);
}

方案2：必须用POST方式打开页面（更安全，支持大量数据） #

如果目标页面只接受POST请求，那你需要让用户的浏览器自己发起POST请求，而不是用服务器端的UrlFetchApp。可以通过返回一个包含隐藏表单的HTML页面，让浏览器自动提交这个表单，这样就能带着数据打开目标页面了。

示例代码：

function submitForm(e) {
  var form = e.formInput;
  var targetUrl = "https://script.google.com/macros/s/AKfycbyC4jcR7qq6pFr-BYADYaDHAB10X3OeOQaB7dygWnoOT_iMmm8/exec";
  
  // 构建隐藏表单的HTML
  let formHtml = `<form id="autoPostForm" method="POST" action="${targetUrl}" target="_blank">`;
  
  // 遍历表单数据，添加隐藏输入框
  for (const key in form) {
    // 一定要用encodeURIComponent处理值，防止XSS和乱码
    const encodedValue = encodeURIComponent(form[key]);
    formHtml += `<input type="hidden" name="${key}" value="${encodedValue}">`;
  }
  
  formHtml += '</form><script>document.getElementById("autoPostForm").submit();</script>';
  
  // 返回这个HTML，浏览器会自动执行提交动作
  return HtmlService.createHtmlOutput(formHtml);
}

为什么原来的方法不行？ #

你之前用UrlFetchApp发送POST请求，是在Google的服务器上完成的，这个请求的响应只有Google服务器能拿到，和用户的浏览器没有关系。而OpenLink是让用户的浏览器发起一个全新的请求，这个请求自然不会带上Google服务器那边POST的数据——两者完全是独立的会话。

额外提示 #

如果需要先在服务器端完成一些操作（比如把表单数据存入Google Sheets），再打开目标页面，你可以先执行这些操作，然后再返回上面的自动提交HTML页面：

function submitForm(e) {
  var form = e.formInput;
  
  // 1. 先做服务器端的操作，比如存数据到Sheet
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  sheet.appendRow(Object.values(form));
  
  // 2. 再返回自动提交表单的HTML，打开目标页面
  var targetUrl = "https://script.google.com/macros/s/AKfycbyC4jcR7qq6pFr-BYADYaDHAB10X3OeOQaB7dygWnoOT_iMmm8/exec";
  let formHtml = `<form id="autoPostForm" method="POST" action="${targetUrl}" target="_blank">`;
  for (const key in form) {
    const encodedValue = encodeURIComponent(form[key]);
    formHtml += `<input type="hidden" name="${key}" value="${encodedValue}">`;
  }
  formHtml += '</form><script>document.getElementById("autoPostForm").submit();</script>';
  
  return HtmlService.createHtmlOutput(formHtml);
}

内容的提问来源于stack exchange，提问作者Théo M