javascript - JSONを使用してGoogleカレンダーデータを解析する

Question

これはしばらくの間私を悩ませてきました。getJSON を使用して Google カレンダー フィードからイベント タイトルを取得し、最終的に JSONparse コールバックを使用して解析しようとしています。残念ながら、私はそれを機能させることができません。どこでもたくさんのソリューションに出くわしていますが、実際には探しているものではありません。Google js API を使用すれば動作させることができますが、純粋な jquery を使用しようとしています。

これが私が持っているものです

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

$.getJSON(gclaData,function(data){
        for(var i=0; i<=data.length; i++){
            eventName += JSON.parse(data[i].entry.title.$t)+"<br>";
        }
        $('#outputTitle').append(eventName);
    });

});
</script>
<div id="outputTitle"></div>

これが私のフィドルです