如何针对Google Apps Script ContentService生成XHR/ajax请求?

Pet*_*ann 12 ajax xmlhttprequest cors google-apps-script

我有一个简单的谷歌Apps脚本是contentService的发射类似"世界,你好星期六2012年7月14日十四时17分21秒GMT + 1000(EST)"的网址是一个字符串https://script.google.com/macros/s/AKfycbxbFFG95mi8PWVNCE8366XaxnXQrt6p7p3OWbclXch_bbWczQ/exec,它对匿名开放.随意点击它.代码是:

function doGet() {
  var output = ContentService.createTextOutput()
      .setMimeType(ContentService.MimeType.TEXT)
      .setContent("Hello world " + new Date());
  Logger.log(output.getContent());
  return output;
}
Run Code Online (Sandbox Code Playgroud)

当我在浏览器中访问URL时,它会按预期返回字符串(pass.png).当我在XHR(ajax调用)中使用相同的URL时,它会因空错误而失败.在Chrome中的开发者工具中,重定向是"(已取消)"(fail.png).以下是重现失败的代码:

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc() {
  xhr=new XMLHttpRequest();
  xhr.onreadystatechange=function() {
  if (xhr.readyState==4 && xhr.status==200) {
    document.getElementById("myDiv").innerHTML=xhr.responseText;
    }
  };
  xhr.open("GET","https://script.google.com/macros/s/AKfycbxbFFG95mi8PWVNCE8366XaxnXQrt6p7p3OWbclXch_bbWczQ/exec",true);
  xhr.send();
}
</script>
</head>
<body>

<h2>Using the XMLHttpRequest object</h2>
<div id="myDiv"></div>
<button type="button" onclick="loadXMLDoc()">Get Content via XHR</button>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

直接要求: DIrect requestpass.png XHR请求: 在此输入图像描述 我的问题(希望足够具体):如何从example.com上的普通旧网页进行XHR调用,从匿名Google Apps脚本ContentService脚本获取内容?

Cor*_*y G 9

我不确定目前是否可行.我们考虑了JSONP方法(它确实有效;我已经测试过了),但我不认为对ContentService进行XHR测试.我们可能需要为此设置CORS头.请在问题跟踪器上提交功能请求,我们会看看是否可以完成.

  • JSONP脚本注入工作正常.谢谢.所以,我的帖子是JS 101:浏览器拒绝进行最终的GET,因为GAS服务器需要(至少)添加一个CORS头"Access-Control-Allow-Origin:somedomain |*"https:/ /developer.mozilla.org/en/http_access_control.GAS服务器不会发出此类标头.在标题缺席时,浏览器端脚本遵循相同的源策略(https://developer.mozilla.org/en/Same_origin_policy_for_JavaScript),因此GET的状态为"(已取消)". (2认同)
  • 嗨@PeterHerrmann一年多后我遇到了同样的问题 - 你是否设法找到了解决方案?谢谢,福斯托. (2认同)
  • 是@FaustoR.,您需要让您的ContentService返回JSONP而不是JSON. (2认同)