如何将Google Apps Script的URLFetchApp结果传递到前端JS？

我明白你的困扰了——在Google Apps Script里，前端JS确实没法直接用UrlFetchApp，这个API只能在服务端的code.gs里运行。不过你完全不用纠结XMLHttpRequest，GAS本身就提供了更简单的前后端通信方式：google.script.run，它能轻松把服务端的数组/对象传到前端，完美解决你的需求。

第一步：把URL请求逻辑移到服务端（code.gs） #

把原来写在前端的请求逻辑抽出来，写成一个服务端函数，接收你需要的参数，处理完后返回包含所有地址信息的对象（这样你就能同时填充多个输入框了）：

// code.gs 中的服务端函数
function fetchPatientAddress(patientID, shippingStyle) {
  // 拼接完整请求URL
  var url = `someurl?patientID=${patientID}&shipping=${shippingStyle}`;
  // 发起请求并处理响应
  var response = UrlFetchApp.fetch(url, {'muteHttpExceptions': true});
  var addressData = JSON.parse(response.getContentText());
  
  // 返回包含所有需要字段的对象，方便前端直接取用
  return {
    fullAddress: `${addressData.Address}, ${addressData.City}, ${addressData.State} ${addressData.Zip}`,
    city: addressData.City,
    state: addressData.State,
    zip: addressData.Zip
    // 可以添加更多字段，用来填充你需要的其他输入框
  };
}

第二步：前端JS用google.script.run调用服务端函数 #

在前端JS里监听按钮点击，获取输入框的值后，调用服务端函数，通过成功回调接收返回的数据，再填充到对应的输入框中：

// 前端HTML中的<script>代码
document.getElementById('lookup').addEventListener('click', patientLookup);

function patientLookup(){
  var patient = document.getElementById('id').value;
  var shippingStyle = document.getElementById('shipping').value;
  // 获取需要填充的输入框元素
  var addressInput = document.getElementById('address');
  var cityInput = document.getElementById('city'); // 示例：另一个需要填充的输入框

  // 调用服务端函数，通过回调处理结果
  google.script.run
    .withSuccessHandler(function(data) {
      // 填充主地址输入框
      addressInput.value = data.fullAddress;
      // 填充另一个输入框（比如单独的城市输入框）
      cityInput.value = data.city;
    })
    .withFailureHandler(function(error) {
      // 处理请求失败的情况，给用户提示
      alert(`获取地址失败：${error.message}`);
    })
    .fetchPatientAddress(patient, shippingStyle); // 传递参数给服务端函数
}

为什么不用XMLHttpRequest？ #

你之前写的httpGet是同步请求，会阻塞页面加载，用户体验很差；而且如果你的GAS部署为Web App，直接用XHR还得处理跨域、授权等复杂问题。而google.script.run已经帮你封装好了这些细节，不仅是异步的不阻塞页面，还能安全地在前后端传递数据，比XHR好用太多。

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