javascript - 从 Google 表格导入数据不起作用

标签 javascript html css google-sheets

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

比方说,我有一个页面,其中有一个 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 没有用。

最佳答案

这是我的 HTML 代码:

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

这就是 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);
}

关于javascript - 从 Google 表格导入数据不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58200536/

相关文章:

javascript - 将选项设置为选定的

javascript - 使javascript变量等于输入复选框

javascript - Document.querySelector 返回 null 直到使用 DevTools 检查元素

html - flexbox 中超出父 div 的水平边距

css - 需要像示例中那样创建 div 形状

javascript - html 内联事件处理程序和非侵入式事件处理程序之间括号的不同用法

javascript - AJAX表单只允许一次提交?

html - 为什么行高会增加额外的高度?

javascript - 使用 jquery .html() 获取元素本身的 html

javascript - 如何在另一个 javascript 函数完成后执行它?