JQuery FullCalendar, как отображать данные после вызова ajax без обновления страницы ⇐ Jquery

[Anonymous]

Я пытаюсь интегрировать jQuery FullCalendar с PHP и MySQL. Проблема для меня заключается в том, что когда я вставляю новое событие, выбирая дни с помощью AJAX, я не знаю, как показать это новое добавленное событие без обновления страницы. В общем, это вызов FullCalendar:

Код: Выделить всё

var calendar = $('#calendar').fullCalendar({

editable: true,
firstDay: 1,

header: {
left: 'month, agendaWeek, agendaDay',
center: 'title',
right: 'prev, next, today'
},

// receive events from DB
events: {
url: 'events.php',
type: 'POST',
cache: false,
error: function() {
alert('ERROR');
}
},

buttonIcons: {
prev: 'left-single-arrow',
next: 'right-single-arrow'
},

// Convert the allDay from string to boolean
eventRender: function(event, element, view) {
if (event.allDay === 'true') {
event.allDay = true;
} else {
event.allDay = false;
}

element.find('.fc-event-title').append("
" + event.description);
},

selectable: true,
selectHelper: true,
select: function(start, end, allDay) {

var start = moment(start).format("YYYY-MM-DD HH:mm:ss");
var end   = moment(end).format("YYYY-MM-DD HH:mm:ss");
var user_id = 

// to unix
start = moment(start).unix();
end = moment(end).unix();

$('#myModal').modal({
remote: 'modals/add_event.php?start='+start+'&end='+end+'&id='+user_id
});

}

});

Место, где я вставляю событие:

Код: Выделить всё

select: function(start, end, allDay) {

var start = moment(start).format("YYYY-MM-DD HH:mm:ss");
var end   = moment(end).format("YYYY-MM-DD HH:mm:ss");
var user_id = 

// to unix
start = moment(start).unix();
end = moment(end).unix();

$('#myModal').modal({
remote: 'modals/add_event.php?start='+start+'&end='+end+'&id='+user_id
});

}

Открывается модальное диалоговое окно, в котором я отправляю данные календаря, а затем отправляю данные в БД через AJAX. И после этого момента я не могу понять, как показать вновь добавленные данные без обновления страницы. Любая помощь здесь?

Кроме того: это мой вызов AJAX при отправке модальной диалоговой формы:

Код: Выделить всё

$.ajax({
type : "POST",
url : "ajax/add_event.php?start="+start.unix()+'&end='+end.unix()+'&id='+user_id,
data : $("#smart-form-event").serialize(),
success : function(data, status, xhr) {
$.smallBox({
title : "Event added successfully",
content : "[i][/i] [i][/i]",
color : "#659265",
iconSmall : "fa fa-check fa-2x fadeInRight animated",
timeout : 4000
});
$("#myModal").modal('hide');
}
});

Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/275 ... shing-page