JS,fullcalendar," events"参数不能获得执行函数的结果

时间:2015-05-07 07:14:30

标签: javascript jquery fullcalendar jquery-callback

回答:错误不是在同步或异步调用中,而是在使用fullcalendar设置的函数时。     事件:功能(开始,结束,时区,回调){...}

我可以看到信息切换我如何管理ajax(sjax ...)的结果,但日历没有获取信息。

似乎行"事件:getJSON,"不起作用。但功能是调用

现在,我遇到了一个新问题,函数getJSON从webmethod获取JSON,但日历并没有显示它们。

我也尝试使用注释代码获得结果,但它不起作用。

这里有来自js的两种方法:

function getJSON() {
    start = $('#calendar').fullCalendar('getDate').format();
    duration = $('#calendar').fullCalendar('getCalendar').moment().format();
    alert(start);
    var retour;
    $.ajax({
        async: false,
        type: 'POST',
        url: "ConsultationPlanning.aspx/getPlanning",
        data: '{"start": "' + start + '", "end": "' + duration + '"}',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            retour = JSON.parse(msg.d);
            retour = msg.d;
        },
        error: function () { alert("erreur");}
    });
    alert(retour);
    return retour;
};

$('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    hiddenDays: [0],
    defaultView: 'agendaWeek',
    editable: false,
    allDaySlot: false,
    selectable: false,
    events: getJSON,
        /*function (start, end, callback) {
        start = $('#calendar').fullCalendar('getDate').format();
        duration = $('#calendar').fullCalendar('getCalendar').moment().format();
        $.ajax({
            type: 'POST',
            url: "ConsultationPlanning.aspx/getPlanning",
            data: '{"start": "' + start + '", "end": "' + end + '"}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                var rdv = [];
                alert(msg.d);
                //var events =JSON.parse(msg.d);
                $(msg.d).each(function () {
                    rdv.push({
                        id: $(this).attr('id'),
                        title: $(this).attr('title'),
                        start: $(this).attr('start'),
                    })
                })
                alert("first date : " + rdv[0].start);
                //"first date: 2015-05-06T14:33:00" is what i get
                callback(rdv);
                //the callback generate an error message. it says, it's waiting for a function

            }
        })
    }
});

我几天前发布了一个类似的问题,但它是在另一个实现中发布的:

fullcalendar doesn't show events

1 个答案:

答案 0 :(得分:0)

$.ajax触发异步调用;只有在您的浏览器收到对其请求的响应后,您的retour变量的值才会设置为您期望的值。

这就是使用events参数调用fullcalendar的callback的原因:

function getJSON(start, end, callback) {
    ...
    $.ajax({
        ...
        success : function(msg) {
            retour = JSON.parse(msg.d);
            callback(retour);
        }
    });
    // no need to return anything here
}

请参阅docc for fullcalendar v1。* here:events function

注意:如果您使用的是fullcalendar v2或更高版本,则应将功能签名更改为:

function getJSON(start, end, timezone, callback) {
     ...

请参阅doc for v2。*此处:events function