使用json从Google表格中获取数据

时间:2016-05-24 09:16:19

标签: html json google-sheets

我创建了一个Google表格,其中包含了很多逻辑和功能。现在我只想将工作表中的数据导入我的网站(在我的html项目中使用MVC)。

我在这个网站上看到它: https://ctrlq.org/code/20004-google-spreadsheets-json

一切看起来都很简单,只要使用他的代码它应该可以工作,但也许我错过了一些东西。下面是我的代码,只添加了$(document).ready部分和我的电子表格ID。

<div class="results"></div> 

<script>

 // ID of the Google Spreadsheet
 var spreadsheetID = "1-JfSulb2FIh0C-hyy-ihYV0ieFi3ephC75oYB1mrKr8";

 // Make sure it is public or set to Anyone with link can view 
 var url = "https://spreadsheets.google.com/feeds/list/" + spreadsheetID + "/od6/public/values?alt=json";
     $(document).ready(function () {
         $.getJSON(url, function(data) {

             var entry = data.feed.entry;

             $(entry).each(function(){
                  // Column names are name, age, etc.
                  $('.results').prepend('<h2>'+this.gsx$name.$t+'</h2><p>'+this.gsx$age.$t+'</p>');
             });
         });
  });

</script>

所以问题是我没有从工作表中获取任何数据到我的html div中。但是我试着它只是空的。为了让它发挥作用,我还需要做些什么吗?我将第一行中的单元命名为命名和年龄但没有得到任何结果。

我的Google表格:

https://docs.google.com/spreadsheets/d/1-JfSulb2FIh0C-hyy-ihYV0ieFi3ephC75oYB1mrKr8/edit?usp=sharing

除了将其公开并将代码复制到我的项目中之外,我还需要在工作表中做些什么吗?我想这是一个菜鸟问题,但我无法让它发挥作用。任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:0)

代码中没有错误。

我出于某种原因删除了_Layout页面中的jQuery部分

<script src="~/lib/jquery/dist/jquery.js"></script>

我没想过要找的愚蠢的错误。无论如何现在它的工作正常:)