Javascript 如何从网页中的Google Sheets单元格读取数据?

Javascript 如何从网页中的Google Sheets单元格读取数据?,javascript,html,google-sheets,Javascript,Html,Google Sheets,我有一个本地网页,index.html,其中一个带有id=“test”的html元素应该显示一个特定单元格的内容,例如A3(“10”)的内容 我以网页的形式发布了它,但我不能100%确定它是否是我计划做的事情的最佳形式 如何使用JavaScript在上面指定的元素中显示Google电子表格中选定的单元格 我不能依赖PHP,因为我想把index.html文件放在我的电脑和手机上,而不实际托管它们 根据Matthew Lock的回答,我链接到了tabletop.js,它位于我的js文件夹中。此文件夹

我有一个本地网页,
index.html
,其中一个带有
id=“test”
的html元素应该显示一个特定单元格的内容,例如A3(“10”)的内容

我以网页的形式发布了它,但我不能100%确定它是否是我计划做的事情的最佳形式

如何使用JavaScript在上面指定的元素中显示Google电子表格中选定的单元格

我不能依赖PHP,因为我想把
index.html
文件放在我的电脑和手机上,而不实际托管它们

根据Matthew Lock的回答,我链接到了tabletop.js,它位于我的js文件夹中。此文件夹与索引文件位于同一级别

    <script type="text/javascript" src="JS/tabletop.js"></script>
看看它有没有吐出什么东西。但事实并非如此。即使是简单的“数据”警报也不行。我做错了什么


以下是我尝试构建的一个最小示例,但我认为我在如何链接到tabletop.js(在外部资源下)方面遇到了其他问题。

如果您想使用javascript从自己的网页读取Google Docs/Drive单元格,我建议您使用以下库:


注意在编写文档时,文档似乎不正确。关键参数只需要来自公共电子表格url的键值,而不是整个url。

请在您的问题中包含您迄今为止尝试过的内容。如果您的问题中没有这个示例,那么这个问题与堆栈溢出无关。我在第一个答案的基础上添加了更多步骤。这可以接受吗?我们是否可以链接到您的网页,查看浏览器的错误控制台中是否有任何错误消息,或者您是否可以构建页面的JSFIDLE?@NilsSens您的问题仍然不包括错误消息。请阅读该链接,确保您的示例完整且可验证。您问题中的代码需要复制该问题。谢谢!!这看起来会帮助我实现它!唯一的问题是,在哪里/如何引用特定单元格(A1)?我是JS.ha的新手!我也只是读了这一段。所以我假设我可以像往常一样调用这个数组的索引?:)数据[0]会将整个第一行作为一个简单数组提供给我,我可以将其存储在一个var中,以便再次仅访问第一个单元格?好的,我正在尝试实现它,但JS不起作用。我会编辑我的原稿。问题:)最后一个问题。。。我只在警报中看到“[对象对象],[对象对象]”。这是因为使用的函数是showinfo吗?Javascript警报只显示字符串,对象数组的字符串转换只是“[object object],[object object]”。如果要查看调试对象的内容,请使用console.log(数据);并查看浏览器的控制台:
function init() {
     Tabletop.init( { key: '1kFFysrHSapJXr-DxdYbuaMzkg5iBP60jR6OBFgzwSds',
               callback: function(data, tabletop) { window.alert("data") },
               simpleSheet: true } )
    };
<script type="text/javascript">
  window.onload = function() { init() };

  var public_spreadsheet_url = 'https://docs.google.com/spreadsheet/pub?hl=en_US&hl=en_US&key=0AmYzu_s7QHsmdDNZUzRlYldnWTZCLXdrMXlYQzVxSFE&output=html';

  function init() {
    Tabletop.init( { key: public_spreadsheet_url,
                     callback: showInfo,
                     simpleSheet: true } )
  }

  function showInfo(data, tabletop) {
    alert("Successfully processed!")
    console.log(data);
  }
</script>
[ { name: "Carrot", category: "Vegetable", healthiness: "Adequate" }, 
  { name: "Pork Shoulder", category: "Meat", healthiness: "Questionable" }, 
  { name: "Bubblegum", category: "Candy", healthiness: "Super High"} ]