2

我正在尝试在我的本地主机上设置 FullCalendar 来测试它。这是代码：

$( '.calendar' ).fullCalendar( {
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    eventSources: [
        {
            url: "http://www.google.com/calendar/feeds/feed_one",
            className: 'feed_one'
        },
        {
            url: "http://www.google.com/calendar/feeds/feed_two",
            className: 'feed_two'
    ]
} )

相反，我在控制台中收到此错误，并且未显示事件：

XMLHttpRequest cannot load http://www.google.com/calendar/feeds/feed_one. 
Origin http://localhost is not allowed by Access-Control-Allow-Origin. localhost:1

XMLHttpRequest cannot load http://www.google.com/calendar/feeds/feed_two. 
Origin http://localhost is not allowed by Access-Control-Allow-Origin. localhost:1

根据我的研究，这似乎是一个Cross-Origin-Resource-Sharing问题，但我不知道如何解决它。

如果有人可以帮助我，或者指出我正确的方向，将不胜感激。

4

2 回答 2

4

您需要为跨域访问发出 JSONP 请求。您能否设置以下属性并检查这是否适合您。

您可以在此处获取 JSONP 的详细说明...

eventSources: [
    {
        url: "http://www.google.com/calendar/feeds/feed_one",
        dataType : 'jsonp',
        className: 'feed_one'
    },
    {
        url: "http://www.google.com/calendar/feeds/feed_two",
        dataType : 'jsonp',
        className: 'feed_two',
]
于 2013-04-05T04:51:19.533 回答
1

我有这个问题。添加到代码后已修复<script type='text/javascript' src='fullcalendar-1.6.2/fullcalendar/gcal.js'></script>

于 2013-07-30T15:26:54.480 回答