JQuery UI全尺寸日历 - 从PHP获取JSON数据

时间:2013-12-03 04:20:01

标签: javascript php jquery json jquery-ui

我正在使用JQuery UI全尺寸日历(主要用于事件管理)。

我有一个PHP文件,我准备了一个JSON。

看看那个JSON文件(json-events.php):

echo json_encode(array(

    array(
        'id' => 111,
        'title' => "Event1",
        'start' => "2013-12-12",
        'url' => "http://yahoo.com/"
    ),

    array(
        'id' => 222,
        'title' => "Event2",
        'start' => "2013-12-16",
        'end' => "2013-12-19",
        'url' => "http://yahoo.com/"
    )

));

现在我想在我的事件日历上使用这些数据。以下是代码:

$(document).ready(function() {

        $('#calendar').fullCalendar({

            editable: true,

            events: "json-events.php",

            eventDrop: function(event, delta) {
                alert(event.title + ' was moved ' + delta + ' days\n' +
                    '(should probably update your database)');
            },

            loading: function(bool) {
                if (bool) $('#loading').show();
                else $('#loading').hide();
            }

        });

    });

不知何故,它没有显示事件。整个日历都是空的。没有控制台错误。

1 个答案:

答案 0 :(得分:2)

您可以使用以下方式从其他页面获取值:

$.getJSON( json-events.php,  function( data ) {

alert(data.id);
alert(data.title);

});