难以从谷歌日历 json 提要中解析数据

Question

我正在尝试从我的谷歌日历打印活动名称、活动时间和日历链接。似乎无法弄清楚我做错了什么

首先感谢社区在这个问题上给了我一些明确的方向。我得到了正确的事件名称。但活动开始时间和链接显示未定义。

我的 jquery 和 html 是这样的

    var event = '';

var gclaData = 'http://www.google.com/calendar/feeds/somugus%40gmail.com/public/full?orderby=starttime&sortorder=ascending&max-results=3&futureevents=true&alt=json';

$.getJSON(gclaData,function(data){
    $.each(data.feed.entry, function(i){
     event += '<div class="eventHolder">'; 
     event += '<div class="eventTime">'+ data.feed.entry[i].gd$when.startTime+"</div>";
     event += '<div class="eventName">'+ data.feed.entry[i].title.$t + "</div>";
     event += '<div class="eLink">'+ data.feed.entry[i].link.href + "</div>";
     event += '</div>';
  });
  $('#output').html(event);
});

这是我的小提琴 http://jsfiddle.net/sghoush1/HEZaK/12/

Answer 1

你需要做类似的事情

$.getJSON(gclaData,function(data){
    $.each(data.feed.entry, function(i, entry){
        event += '<div class="eventHolder">'; 
        event += '<div class="eventTime">'+ entry.gd$when[0].startTime+"</div>";
        event += '<div class="eventName">'+ entry.title.$t + "</div>";
        event += '<div class="eLink">'+ entry.link[0].href + "</div>";
        event += '</div>';
    });
    $('#output').html(event);
});

几个指针

1. .each() 将对对象的引用作为回调的第二个参数传递，因此无需使用索引来获取属性
2. gd$when 属性是一个数组，因此您可能需要访问第一个元素
3. link 属性也相同

演示：Fiddle