第一次尝试时无法从完整日历中删除事件

Question

我有一个Bootstrap模式插件，我正试图从中删除在FullCalendar中创建的事件。在我第一次尝试删除时，事件从日历视图中消失，但mysql条目没有被删除。我注意到的原因是calEvent.id在我第一次尝试删除时没有得到值，但在第二次尝试中calEvent.id有值，我可以成功删除该事件。我想知道为什么calEvent.id在第一次尝试时无法获取事件id。使用我第一次尝试时注意到的警告框，我得到了一个"未定义"的结果，我想这是因为calEvent.id没有值。请在下面找到我的脚本。

$('#event_delete').on('click', function () {                    
    $('#calendar').fullCalendar('removeEvents', calEvent.id);
    $.ajax({
           data: "&id=" + calEvent.id,
           type: "POST",
           url: "http://localhost/book/js/delete_events.php"                    
    });
    alert (calEvent.id);
    CloseModalBox();
});

--------------delete_events.hp---------------

<?php
try {
    $bdd = new PDO('mysql:host=localhost;dbname=fullcalendar', 'root', '');
} catch(Exception $e) {
    exit('Unable to connect to database.');
}
$id = $_POST['id'];
$sql = "DELETE from evenement WHERE id=".$id;
$q = $bdd->prepare($sql);
$q->execute();
?>

Answer 1

数据应该这样传递：-

$('#event_delete').on('click', function () {                    
    $('#calendar').fullCalendar('removeEvents', calEvent.id);
    $.ajax({
           data: {id: calEvent.id},
           type: "POST",
           url: "http://localhost/book/js/delete_events.php"                    
          });
          alert (calEvent.id);
          CloseModalBox();
});

Answer 2

您可以调用$（'#calendar'）.fullCalendar（'refetchEvents'），而不是重新加载整个页面。它将从数据库中获取所有事件并重新发送它们。