如何获取 Google 电子表格的第一个单元格并将其作为带有 JavaScript 的字符串输出到 HTML 文档？
我有一个标记为：“Website.html”的 HTML 文档
<!DOCTYPE html>
<html>
<head>
<script>
var textDisplay = Some code to import spreadsheet cell text;
document.getElementById("display").innerHTML = textDisplay;
</script>
</head>
<body>
<p id="display"></p>
</body>
</html>
以及同一文件夹中标记为：“Spreadsheet.xcel”（或任何文件类型）的另一个文件。第一个单元格包含文本：“Hello”。
如何将电子表格中的文本导入 HTML 文档的 JavaScript？
您的解决方案将取决于您的数据源；你包括了google-spreadsheet，所以这里有一个答案。只是说明显而易见的开始：谷歌电子表格不会是您服务器上的文件，而是在谷歌驱动器的“云”中。
您可以从您的 javascript 中检索 google 电子表格的内容，这里有一些示例：
将一个数据单元格作为字符串检索的基本思想：
发布电子表格，为第一个单元格选择范围 A1。应该为您提供如下 URL：
https://docs.google.com/spreadsheet/pub?key=SPREADSHEET_KEY&single=true&gid=0&range=A1&output=csv
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);
}<html>
<body>
<button type="button" onclick="loadData()">Load Spreadsheet Data</button>
<div id="display"></div>
</body>
</html>您也可以在此处将其视为 jsfiddle 。
感谢GPSVisualizer，他们非常友好地发布了一个我可以用于此示例的公共 google 电子表格。
A：如何让下面的代码工作？html页面加载谷歌表格页面，但没有数据显示？
a/ google sheet files shared with the public
https://docs.google.com/spreadsheets/d/1HVmBfKjQiUyXOfy-q5iWVvDYOSKnMLPiDr18W2EtU9s/edit?usp=sharing
https://docs.google.com/spreadsheets/d/e/2PACX-1vQ3ZHpAYDBhjSelXk-GFuFJACQzsqlufZ0d5UCLw8iJNJwdHglY7388fYHL4632wgXDIfgnrd238Htg/pubhtml
b/ html and javascript code
<!DOCTYPE html>
<html>
<body>
<h2>Using the amstras XMLHttpRequest Object</h2>
<div id="demo">
<button type="button" onclick="loadXMLDoc()">Load Data</button>
</div>
<script>
function loadXMLDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML =
this.responseText;
}
};
xhttp.open("GET", "https://docs.google.com/spreadsheets/d/e/2PACX-1vQ3ZHpAYDBhjSelXk-GFuFJACQzsqlufZ0d5UCLw8iJNJwdHglY7388fYHL4632wgXDIfgnrd238Htg/pubhtml", true);
xhttp.send();
}
</script>
</body>
</html>