从 Google 表格导入数据不起作用答案

【问题标题】：Import data from Google Sheets not working从 Google 表格导入数据不起作用
【发布时间】：2019-10-02 11:26:20
【问题描述】：

我想将数据从 Google 电子表格导入我的网站。

比方说，我有一个页面，其中有一个 id ID 为“display”的 div 元素，元素内部有一个文本“replace”。所以它看起来像这样：

<div id="display">replace</div>

function loadData() {
  var url="https://docs.google.com/spreadsheet/pub?key=p_aHW5nOrj0VO2ZHTRRtqTQ&single=true&gid=0&range=A1&output=csv";
  xmlhttp=new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if(xmlhttp.readyState == 4 && xmlhttp.status==200){
      document.getElementById("display").innerHTML = xmlhttp.responseText;
    }
  };
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
}

现在，我还有一个 Google 电子表格文档，在单元格 1A 上有一个文本“文本替换”。

所以问题是，如何将此单元格导入我的网站并替换文本“替换”。

有什么帮助吗？

我知道以前有人问过这个问题，并且我已经尝试过这个解决方案：(How do you Import data from a Google Sheets?)，但是 id 没有用。

【问题讨论】：

什么不起作用？
从 Google 表格导入数据。我提供的链接适用于类似案例，也有解决方案，但对我来说它不起作用。
我建议添加更多关于您的案例以及您之前尝试过的工作

标签： javascript html css google-sheets

【解决方案1】：

这是我的 HTML 代码：

&lt;div id="display"&gt;replace&lt;/div&gt;

这就是 JavaScript。在 URL 上，我尝试使用单击“发布到网络”时获得的链接，逗号分隔值。

function loadData() {
  var url="";
  xmlhttp=new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if(xmlhttp.readyState == 4 && xmlhttp.status==200){
      document.getElementById("display").innerHTML = xmlhttp.responseText;
    }
  };
  xmlhttp.open("GET",url,true);
  xmlhttp.send(null);
}

【讨论】：