CTO*_*ton 7 html javascript google-sheets
我只想知道如何在google docs或者excel文档中获取电子表格的第一个单元格,并将其作为字符串输出到html文档中的javascript中.
我拥有的:标有"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中文档？
感谢您的帮助!-Rext
您的解决方案将取决于您的数据源; 你加入了谷歌电子表格,所以这里有一个答案.只是陈述明显的开始:谷歌电子表格不会是您的服务器上的文件,而是在谷歌驱动器中的"云".
您可以从javascript中检索谷歌电子表格的内容,这里有一些示例:
将一个数据单元格检索为字符串的基本思路:
发布电子表格,选择第一个单元格的范围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电子表格.