Question

我正在尝试在我的localhost上设置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问题，但我不知道如何解决它。

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

Answer 1

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

您可以通过here ...

获取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',
]

Answer 2

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

后，它已得到修复

FullCalendar跨域问题

2 个答案: