从谷歌电子表格中提取数据到html表格

时间:2015-01-04 09:52:54

标签: javascript html html5 google-sheets

我有一个谷歌电子表格,可以在我的工作中存储数据,并且不断通过谷歌驱动器进行更新,因此它总是在线编辑,我想要做的是能够提取这些单元格中的值并让它们显示出来在我的网站上的HTML5表格中,最适合的解决方案是什么?

我尝试过一种方法,就是将电子表格嵌入到iFrame中并每隔5分钟进行一次刷新,但刷新加载速度太慢,这会导致尝试让电子表格在每次iframe中完美匹配时出现问题我刷新。这些网站将在电视屏幕上显示,所以我不想定期调整它们,它们会自动刷新并闲置。

1 个答案:

答案 0 :(得分:2)

您的Google表格的行/列可以导出为非常小的HTML表格。您可以抓取该HTML并随意操作它。以下是如何获得它:

  1. 打开工作表并在网址中找到 file_id ,并在您要导出的特定标签中找到 gid (您可能在其中包含多个电子表格)单一的Google表格。

  2. 使用此网址字符串,将 <FILE_ID> <TAB_GID> 替换为您自己的

    • https://docs.google.com/spreadsheets/d/<FILE_ID>/gviz/tq?tqx=out:html&tq&gid=<TAB_GID>
  3. 您可以在文件&gt;下设置刷新/重新计算费率如有必要,电子表格设置为每分钟。


    示例:

    Here是包含一些数据的Google表格。要将其导出为HTML表格,我们需要:

    • file_id 1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgvE2upms
    • tab_gid 0

    从URL中将其替换为URL字符串(上图),产生:

    https://docs.google.com/spreadsheets/d/1BxiMVs0XRA5nFMdKvBdBZjgmUUqptlbs74OgvE2upms/gviz/tq?tqx=out:html&tq&gid=0


    希望有所帮助。