Javascript fullcalendar js：使用ajax获取更多事件

我在用， 如何从同一服务器端、多个URL获取更多事件？

---

最初的一个很有效，我只想在事件到达时添加其他事件（ajax）。

您可以使用ajax获取数据，然后动态添加新的源代码

$.ajax({
  url: "test.html",
  success: function(data){
       var source = { events: [
                            {
                                title: data.getTitle(),
                                start: new Date(year, month, day)
                            }
                ]};
                $('#calendar').fullCalendar( 'addEventSource', source );
  }
});

---

您可以使用Ajax获取数据，然后动态添加新源

$.ajax({
  url: "test.html",
  success: function(data){
       var source = { events: [
                            {
                                title: data.getTitle(),
                                start: new Date(year, month, day)
                            }
                ]};
                $('#calendar').fullCalendar( 'addEventSource', source );
  }
});

---

如果每次都使用不同的URL，那么只需使用新的URL即可

如果您试图使用相同的URL，则可以使用获取所有事件（旧事件和新事件）

您还可以使用获取JSON并将事件创建为客户端事件。后者是最“ajax-y”的选项。在本例中，让源代码返回表示事件的JSON，遍历新事件数组，并对其调用renderEvent

// this call goes in a poll or happens when the something should trigger a
// fetching of new events
$.ajax({
  url: "path/to/event/source",
  success: function(data){
      $.each(data, function(index, event)
                $('#calendar').fullCalendar('renderEvent', event);
      );
  }
});

---

如果每次都使用不同的URL，那么只需使用新的URL即可

如果您试图使用相同的URL，则可以使用获取所有事件（旧事件和新事件）

您还可以使用获取JSON并将事件创建为客户端事件。后者是最“ajax-y”的选项。在本例中，让源代码返回表示事件的JSON，遍历新事件数组，并对其调用renderEvent

// this call goes in a poll or happens when the something should trigger a
// fetching of new events
$.ajax({
  url: "path/to/event/source",
  success: function(data){
      $.each(data, function(index, event)
                $('#calendar').fullCalendar('renderEvent', event);
      );
  }
});

---

完成的ajax调用也可以插入日历代码中

      $.ajax({ 
            url: url, 
            type: 'GET', 
            data: { }, 
            error: function() {
                alert('there was an error while fetching events!');
            } 
        }).done(function (doc) { 
                var event = Array();
                    $.each(doc, function(i, entry) 
                        event.push({title: entry.title, start: entry.start});
                    }); 
                 $('#calendar').fullCalendar({
                    header: {
                        left: 'prev,next',
                        center: 'title',
                        right: 'month,agendaWeek,agendaDay'
                    },
                    defaultDate: '2014-06-12',
                    editable: true,
                    events: event
                });

     });

---

完成的ajax调用也可以插入日历代码中

      $.ajax({ 
            url: url, 
            type: 'GET', 
            data: { }, 
            error: function() {
                alert('there was an error while fetching events!');
            } 
        }).done(function (doc) { 
                var event = Array();
                    $.each(doc, function(i, entry) 
                        event.push({title: entry.title, start: entry.start});
                    }); 
                 $('#calendar').fullCalendar({
                    header: {
                        left: 'prev,next',
                        center: 'title',
                        right: 'month,agendaWeek,agendaDay'
                    },
                    defaultDate: '2014-06-12',
                    editable: true,
                    events: event
                });

     });