如何将数据从Google Spreadsheet导入到Javascript?

我只是想知道如何在google文档或者从excel文档中获取电子表格的第一个单元格,并在html文档中将其输出为javascript中的string。

我有什么:一个html文档标签:“Website.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”(或任何文件types)第一个单元格包含文本:“你好”我如何使电子表格中的文本导入到HTML的JavaScript文档?

感谢您的帮助! -Rext

您的解决scheme将取决于您的数据源; 你包括谷歌电子表格 ,所以这里有一个答案。 只是说明显而易见的事情:谷歌电子表格不会是你的服务器上的文件,而是将在谷歌云端硬盘中的“云”。

你可以从你的JavaScript检索谷歌电子表格的内容,这里有一些例子在SO:

  • 从谷歌文档电子表格获取单元格的价值到JavaScript
  • 通过Javascript访问Google应用公共电子表格

以stringforms检索一个数据单元的基本思路:

 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>