FullCalendar Cross Domain Issue

Question

Я пытаюсь настроить 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 для доступа к перекрестному домену. Не могли бы вы установить следующие свойства и проверить, подходит ли это для вас.

Вы можете получить подробное описание JSONP над here ...

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>