javascript - Ajax 数据库更新后重新呈现 fullCalendar 中的事件

Question

我试图让 fullCalendar 反射(reflect)通过 AJAX 对数据库所做的更改。问题是，成功 AJAX 调用后，它不会更新屏幕上的日历。

$.ajax({
    type: "POST",
    url: "eventEditXHR.php",
    data: {
       //the data
    },
    success: function(text) {
      $("#calendar").fullCalendar("refetchEvents");
    }....

我是不是用错方法了？无需重新加载整个页面即可完成此操作的最佳方法是什么？感谢您的任何意见!

Answer 1

有几种方法。有些不太优雅。

1。如果您使用 FullCalendar 来抓取 json 事件:

$('#calendar').fullCalendar({ events: "json-events.php",    });

就这样做:

$('#calendar').fullCalendar( 'refetchEvents' );

如果你想要外部方法来获取事件，你可以这样做。不优雅但可以工作

$('#calendar').fullCalendar( 'removeEventSource', source )
$('#calendar').fullCalendar( 'addEventSource', source )