Проблемы рендеринга удаленных событий с использованием JSONP в FullCalendar

Question

Я пытаюсь загрузить поток событий json в плагин FullCalendar jQuery, однако я не понимаю, как передать данные в FullCalendar. Вызывается url, и объект JSON доступен внутри функции eventHandler.

Код ниже пытается передать результирующие данные в глобальную переменную (которая, не чувствуется права), которая затем передается в FullCalendar.

Каков правильный способ передачи данных из запроса в FullCalendar?

function eventHandler(data) { 
    events = data; 
} 


$.ajax({ 
    dataType: 'jsonp', 
    url: 'http://localhost:9393/events/calendar/1.json', 
    jsonp: 'callback', 
    success: eventHandler 
}); 

Answer 1

Если вы будете получать доступ к JSON на одном домене (при развертывании), то должно работать:

$('#calendar').fullCalendar({ 
    events: "http://localhost:9393/events/calendar/1.json" 
}); 

В качестве альтернативы, вы смотрите на:

$.getJSON("http://localhost:9393/events/calendar/1.json&jsoncallback=?", 
    function(data){ 
     $('#calendar').fullCalendar(data); 
    }); 

Answer 2

Для тех, кто читает это сейчас, существует гораздо более простой подход, поскольку Fullcalendar автоматически добавляет события, если он видит обратный вызов в URL-адресе.

Таким образом, ваши источники событий могут просто выглядеть следующим образом:

$('#calendar').fullCalendar({ 
    eventSources: [ 
    "http://some.domain.com/api/events.json?callback=?", 
    "http://another.domain.com/api/events.json?callback=?" 
    ] 
}); 

Важной частью является callback=?. Обычно вы используете callback=myspecialfunction, но Fullcalendar будет интерпретировать ? и автоматически добавлять события.